body{margin:0; padding:0;}
        #warp{width:100%; height:100%; min-width:1280px;}
        #contents{width:70%; height:1000px; margin:0 auto; float:left; }
        .view_port{width:640px; height:640px; margin:0 auto; margin-top:80px;}
        .view_port{background-size:100% auto;}
        .progress_warp{width:100%; height:4px; float:left;}
        .progress{width:0%; height:4px; background-color:#FF6B0D;}
        .splash{width:100%; height:100%; background:url('images/diesel_splash.jpg'); background-size:100% auto; opacity:0.2;}
        #desc{width:30%; height:1000px; background-color:#F7F7F7; float:right}
        .line_360{margin:0 auto; width:727px; height:151px; margin-top:-150px; display:none;}
        .product{width:300px; margin:0 auto; margin-top:160px;}
        .product h1{font-size:13pt; margin-bottom:40px; font-weight:700;}
        .product .cost{font-size:11pt; font-weight:600;}
        .product p{font-size:10pt; margin-top:30px;}
        .button{width:300px; height:32px; background-color:#000; margin:0 auto; margin-top:30px; color:#FFF; font-size:10pt; text-align: center; padding-top:10px;}

@media only screen and (max-width: 750px) {
    body{font-family: Lato, Arial, Helvetica, sans-serif; font-weight:normal;}
    #warp{width:100%; height:100%; min-width:750px !important;}
    #contents{width:100% !important; height:750px !important; margin:0 auto; float:left;}
    .view_port{margin-top:20px;}
    #desc{width:100% !important; height:1000px; background-color:#F7F7F7; float:left}
    .product{width:600px !important; margin-top:70px !important;}
    .product h1{font-size:29pt; margin-bottom:70px;}
    .product .cost{font-size:25pt; font-weight:500;}
    .product p{font-size:22pt; margin-top:40px;}
    .button{width:100%; height:72px; font-size:29pt; padding-top:34px; position:fixed; bottom:-1px;}
    /*position:absolute; bottom:0px;*/
}