@media only screen and (max-width: 1280px) {
    div.main{
        height:400px;
    }

    div.mainframe {
        position: absolute;
        width: 600px;
        height: 100%;
    }

    div.contact{
        right:0;
        bottom:0;
        padding:20px;
    }

    body{
        font-size:14pt;
        padding:16px;
    }

    p.controls{
        position:fixed;
        text-align:center;
        bottom:50px;
    }

    input{
        font-size:14pt;
        border:1px solid #98a8d7;
    }
    button{
        font-size:14pt;
        position:relative;
        border:2px solid #98a8d7;
    }

    img.mpilogo1{
        width:270px;
        left:20px;
        bottom:20px;
    }
/*
    button.grp_medium{
        font-size:30pt;
        width:173px;
        height:58px;
    }
    button.grp_medium_sel{
        font-size:30pt;
        width:173px;
        height:58px;
    }

    button.grp_small{
        border:2px solid #98a8d7;
    }
    button.grp_small_sel{
        border:2px solid #98a8d7;
    }
    */
}
@media only screen and (max-width: 1024px) {

    div.main{
        height:400px;
    }

    div.mainframe {
        position: absolute;
        width: 600px;
        height: 100%;
    }

    div.contact{
        right:0;
        bottom:0;
        padding:20px;
    }

    body{
        font-size:14pt;
        padding:16px;
    }

    p.controls{
        position:fixed;
        text-align:center;
        bottom:50px;
    }

    input{
        font-size:14pt;
        border:1px solid #98a8d7;
    }
    button{
        font-size:14pt;
        position:relative;
        border:2px solid #98a8d7;
    }

    img.mpilogo1{
        width:270px;
        left:20px;
        bottom:20px;
    }

    button.grp_medium{
        font-size:40pt;
        width:203px;
        height:78px;
    }
    button.grp_medium_sel{
        font-size:40pt;
        width:203px;
        height:78px;
    }

    button.grp_small{
        border:2px solid #98a8d7;
    }
    button.grp_small_sel{
        border:2px solid #98a8d7;
    }

}



@media only screen and (max-width: 800px) {
    img.mpilogo1{
        width:200px;
    }
    div.contact{
        font-size: 14pt;
    }
    input{
        font-size:14pt;
        border:1px solid #98a8d7;
    }
    button{
        font-size:14pt;
        position:relative;
        border:2px solid #98a8d7;
    }
}

@media only screen and (max-width: 700px) {
    img.mpilogo1{
        width:175px;
    }
    div.contact{
        font-size: 12pt;
    }
    input{
        font-size:12pt;
        border:1px solid #98a8d7;
    }
    button{
        font-size:12pt;
        position:relative;
        border:2px solid #98a8d7;
    }
}

@media only screen and (max-width: 600px) {
    img.mpilogo1{
        width:150px;
    }
    div.contact{
        font-size: 10pt;
    }
    input{
        font-size:10pt;
        border:1px solid #98a8d7;
    }
    button{
        font-size:10pt;
        position:relative;
        border:2px solid #98a8d7;
    }
}

@media only screen and (max-height: 650px) {
    p.controls{
        position:fixed;
        text-align:center;
        bottom:20px;
    }

}

@media only screen and (max-width: 1000px) {

}