.section-relative {
position:relative;
z-index:2;
}

.section-absolute-left {
position:absolute;
text-align:center;
width:46%;
top:80px;
left:2%;
z-index:3;
}  

.section-absolute-right {
position:absolute;
width:90%;
top:60px;
right:4%;
z-index:3;
}  

.section-button-01 {
color:white;
background-color:rgba(0,0,0,1.0);
border:3px solid black;
padding:10px 20px;
text-align: center;
display: inline-block;
cursor: pointer;
font-family: 'Open Sans', sans-serif;
font-size : 22px;
text-decoration : none;
opacity:0.90;
transition:750ms;
}

.section-button-01:hover {
color:#000000;
border:3px solid #0a0c15;
background-color:rgba(255,255,255,0.75);
opacity:1.00;
transition:650ms;
}


.section-button-02 {
color:white;
background-color:rgba(255,255,255,0.025);
border:3px solid white;
padding:10px 20px;
text-align: center;
display: inline-block;
cursor: pointer;
font-family: 'Open Sans', sans-serif;
font-size : 22px;
text-decoration : none;
opacity:0.75;
transition:750ms;
}

.section-button-02:hover {
color:#000000;
border:3px solid #0a0c15;
background-color:rgba(255,255,255,0.25);
opacity:1.00;
transition:650ms;
}

.section-font-01 {
font-size:150px;
line-height:95%;
}

.section-font-02 {
font-size:85px;
line-height:95%;
}

.section-font-03 {
font-size:36px;
line-height:120%;
}

.section-logo-01 {
width:260px;
margin:25px 0 0;
}








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


}



/* 1680 x 1050 */
@media only screen and (max-width: 1700px) {

.section-font-01 {
font-size:140px;
line-height:95%;
}

.section-font-02 {
font-size:80px;
line-height:95%;
}

.section-font-03 {
font-size:33px;
line-height:120%;
}

.section-logo-01 {
width:240px;
margin:23px 0 0;
}

}



/* 1600 x 900 */
@media only screen and (max-width: 1600px) {



}



/* 1536 x 864 */
@media only screen and (max-width: 1550px) {

.section-absolute-left {
width:46%;
top:75px;
left:2%;
}  

.section-font-01 {
font-size:130px;
line-height:95%;
}

.section-font-02 {
font-size:75px;
line-height:95%;
}

.section-font-03 {
font-size:30px;
line-height:120%;
}

.section-logo-01 {
width:230px;
margin:22px 0 0;
}



}




/* 1440 x 900 */
@media only screen and (max-width: 1460px) {

.section-font-01 {
font-size:130px;
line-height:95%;
}

.section-font-02 {
font-size:75px;
line-height:95%;
}

.section-font-03 {
font-size:30px;
line-height:120%;
}

.section-logo-01 {
width:225px;
margin:21px 0 0;
}


}




/* 1366 x 768 & 1366 x 760 */
@media only screen and (max-width: 1390px) {

 .section-font-01 {
font-size:120px;
line-height:95%;
}

.section-font-02 {
font-size:70px;
line-height:95%;
}

.section-font-03 {
font-size:28px;
line-height:120%;
}

}




/* 1280 x 800 */
@media only screen and (max-width: 1300px) {

.section-absolute-left {
width:46%;
top:70px;
left:2%;
}  

.section-button-01 {
border:3px solid black;
padding:8px 22px;
font-size:21px;
opacity:0.75;
}

.section-button-01:hover {
border:3px solid #0a0c15;
opacity:1.00;
}

.section-font-01 {
font-size:110px;
line-height:95%;
}

.section-font-02 {
font-size:65px;
line-height:95%;
}

.section-font-03 {
font-size:26px;
line-height:120%;
}

.section-logo-01 {
width:220px;
margin:20px 0 0;
}

}





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

.section-absolute-left {
width:46%;
top:55px;
left:2%;
}  

.section-font-01 {
font-size:102px;
line-height:95%;
}

.section-font-02 {
font-size:60px;
line-height:95%;
}

.section-font-03 {
font-size:25px;
line-height:120%;
}

}




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

.section-absolute-left {
width:46%;
top:45px;
left:2%;
}  

.section-font-01 {
font-size:95px;
line-height:95%;
}

.section-font-02 {
font-size:55px;
line-height:95%;
}

.section-font-03 {
font-size:24px;
line-height:120%;
}

.section-logo-01 {
width:200px;
margin:17px 0 0;
}


}






/* 1024 x 768 */
@media only screen and (max-width: 1050px) {


.section-button-01 {
border:3px solid black;
padding:7px 20px;
font-size:20px;
opacity:0.90;
}

.section-button-01:hover {
border:3px solid #0a0c15;
opacity:1.00;
}

.section-font-01 {
font-size:85px;
line-height:95%;
}

.section-font-02 {
font-size:50px;
line-height:95%;
}

.section-font-03 {
font-size:21px;
line-height:120%;
}

.section-logo-01 {
width:170px;
margin:10px 0 0;
}

}




/* 960 x 600 */
@media only screen and (max-width: 980px) {

.section-absolute-left {
width:46%;
top:40px;
left:2%;
}  

.section-button-01 {
border:3px solid black;
padding:6px 18px;
font-size:18px;
opacity:0.75;
}

.section-button-01:hover {
border:3px solid #0a0c15;
opacity:1.00;
} 

.section-font-01 {
font-size:80px;
line-height:95%;
}

.section-font-03 {
font-size:20px;
line-height:120%;
}


.section-logo-01 {
width:160px;
margin:9px 0 0;
}

}




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

.section-absolute-left {
width:46%;
top:35px;
left:2%;
}  

.section-button-01 {
border:3px solid black;
padding:5px 17px;
font-size:17px;
opacity:0.75;
}

.section-button-01:hover {
border:3px solid #0a0c15;
opacity:1.00;
} 

.section-font-01 {
font-size:72px;
line-height:95%;
}

.section-font-02 {
font-size:45px;
line-height:95%;
}

.section-font-03 {
font-size:19px;
line-height:115%;
}

.section-logo-01 {
width:140px;
margin:8px 0 0;
}

}




/* 800 x 1280 & 768 x 1024 */
@media only screen and (max-width: 810px) {

.section-absolute-left {
width:44%;
top:28px;
left:4%;
}  

.section-button-01 {
border:3px solid black;
padding:3px 15px;
font-size:17px;
opacity:0.75;
}

.section-button-01:hover {
border:3px solid #0a0c15;
opacity:1.00;
}  

.section-font-01 {
font-size:62px;
line-height:95%;
}

.section-font-02 {
font-size:40px;
line-height:95%;
}

.section-font-03 {
font-size:17px;
line-height:115%;
}

.section-logo-01 {
width:120px;
margin:5px 0 0;
}

}





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

.section-absolute-left {
width:44%;
top:24px;
left:4%;
}  


.section-button-01 {
border:2px solid black;
padding:2px 14px;
font-size:16px;
opacity:0.75;
}

.section-button-01:hover {
border:2px solid #0a0c15;
opacity:1.00;
}  

.section-font-01 {
font-size:55px;
line-height:95%;
}

.section-font-02 {
font-size:34px;
line-height:95%;
}

.section-font-03 {
font-size:15px;
line-height:112%;
}

.section-logo-01 {
width:100px;
margin:2px 0 0;
}

}





/* 600 x 960 */
@media only screen and (max-width: 620px) {

.section-relative {
} 

.section-absolute-left {
width:50%;
top:23px;
left:4%;
}  

.section-button-01 {
border:2px solid black;
padding:2px 14px;
font-size:16px;
opacity:0.75;
}

.section-button-01:hover {
border:2px solid #0a0c15;
opacity:1.00;
}   

.section-font-01 {
font-size:61px;
line-height:95%;
}

.section-font-02 {
font-size:35px;
line-height:95%;
}

.section-font-03 {
font-size:15px;
line-height:115%;
}

.section-logo-01 {
width:95px;
margin:2px 0 0;
}


}




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

.section-absolute-left {
width:56%;
top:23px;
left:4%;
}  

}




/* 480 x 853 */
@media only screen and (max-width: 500px) {

.section-relative {
} 

.section-absolute-left {
width:62%;
top:23px;
left:4%;
}  

.section-button-01 {
border:2px solid black;
padding:2px 12px;
font-size:15px;
opacity:0.75;
}

.section-button-01:hover {
border:2px solid #0a0c15;
opacity:1.00;
}  

.section-font-01 {
font-size:60px;
line-height:95%;
}

.section-font-02 {
font-size:34px;
line-height:95%;
}

.section-font-03 {
font-size:15px;
line-height:120%;
}

.section-logo-01 {
width:90px;
margin:1px 0 0;
}


}




/* 412 x 732 & 414 x 736 (iPhone) */
@media only screen and (max-width: 430px) {

.section-relative {
} 

.section-absolute-left {
width:74%;
top:24px;
left:5%;
}  

.section-font-01 {
font-size:55px;
line-height:95%;
}

.section-font-02 {
font-size:30px;
line-height:95%;
}

.section-font-03 {
font-size:15px;
line-height:120%;
}

.section-logo-01 {
width:100px;
margin:0px auto 0;
}

}




/* 360 x 740 & 375 x 812 */
@media only screen and (max-width: 380px) {

.section-absolute-left {
width:80%;
top:24px;
left:5%;
}  

.section-font-01 {
font-size:50px;
line-height:95%;
}

.section-font-02 {
font-size:28px;
line-height:95%;
}

.section-font-03 {
font-size:14px;
line-height:120%;
}

.section-logo-01 {
width:110px;
margin:0px auto 0;
}



}




/* 320 x 568 */
@media only screen and (max-width: 330px) {

.section-absolute-left {
width:90%;
top:24px;
left:5%;
}  

.section-font-01 {
font-size:50px;
line-height:95%;
}

.section-font-02 {
font-size:27px;
line-height:95%;
}

.section-font-03 {
font-size:13px;
line-height:120%;
}

}




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

.section-font-01 {
font-size:47px;
line-height:95%;
}

.section-font-02 {
font-size:24px;
line-height:95%;
}

.section-font-03 {
font-size:12px;
line-height:120%;
}

}