.banner-01 {
max-width:100%; 
height:auto; 
overflow:hidden;
margin:20px 0;
padding:35px 0px 25px 0px;
background-color:#db3025;
color:#18191c;
font-size:110px;
font-weight:bold;
text-align:center;
text-decoration:none;
text-transform:uppercase;
letter-spacing:0.010em;
line-height:1.0;
position:relative;
cursor:pointer;
opacity:1.00;
transition:750ms;
display:block;
}       

.banner-01:hover {
background-color:#1f2024;
color:#ffffff;
text-decoration:none;
opacity:1.00;
transition:750ms;
}       







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



}



/* 1680 x 1050 */
@media only screen and (max-width: 1700px) {
	
.banner-01 {
margin:20px 0;
padding:35px 0px 25px 0px;
font-size:100px;
font-weight:bold;
letter-spacing:0.010em;
line-height:1.0;
}       
	

}



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



}



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

.banner-01 {
margin:20px 0;
padding:30px 0px 22px 0px;
font-size:90px;
font-weight:bold;
letter-spacing:0.010em;
line-height:1.0;
}       

}




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



}




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



}




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

.banner-01 {
margin:20px 0;
padding:26px 0px 19px 0px;
font-size:80px;
font-weight:bold;
letter-spacing:0.005em;
line-height:1.0;
}       

}





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



}




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

.banner-01 {
margin:20px 0;
padding:25px 0px 19px 0px;
font-size:70px;
font-weight:bold;
letter-spacing:0.0em;
line-height:1.0;
}      

}






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



}




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

.banner-01 {
margin:15px 0;
padding:22px 0px 15px 0px;
font-size:60px;
font-weight:bold;
letter-spacing:0.0em;
line-height:1.0;
}      

}




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

.banner-01 {
margin:20px 0;
padding:25px 0px 19px 0px;
font-size:60px;
font-weight:bold;
letter-spacing:0.0em;
line-height:1.0;
}      

}




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

.banner-01 {
margin:20px 0;
padding:35px 20px 29px 20px;
font-size:90px;
font-weight:bold;
letter-spacing:0.0em;
line-height:0.9;
}      

}





@media only screen and (max-width: 700px) {
	
.banner-01 {
margin:20px 0;
padding:32px 20px 26px 20px;
font-size:75px;
font-weight:bold;
letter-spacing:0.0em;
line-height:0.9;
}      

}





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

.banner-01 {
margin:20px 0;
padding:32px 20px 26px 20px;
font-size:70px;
font-weight:bold;
letter-spacing:0.0em;
line-height:0.9;
}      

}




@media only screen and (max-width: 550px) {
	
.banner-01 {
margin:20px 0;
padding:30px 20px 24px 20px;
font-size:62px;
font-weight:bold;
letter-spacing:-0.01em;
line-height:0.9;
}      
	
}




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

.banner-01 {
margin:20px 0;
padding:30px 20px 24px 20px;
font-size:62px;
font-weight:bold;
letter-spacing:-0.01em;
line-height:0.9;
}      

}




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

.banner-01 {
margin:20px 0;
padding:30px 20px 24px 20px;
font-size:65px;
font-weight:bold;
letter-spacing:-0.01em;
line-height:0.9;
}   

}




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

.banner-01 {
margin:20px 0;
padding:30px 20px 24px 20px;
font-size:55px;
font-weight:bold;
letter-spacing:-0.01em;
line-height:0.9;
}   

}




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

.banner-01 {
margin:20px 0;
padding:30px 20px 24px 20px;
font-size:50px;
font-weight:bold;
letter-spacing:-0.01em;
line-height:0.9;
}   

}




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

.banner-01 {
margin:20px 0;
padding:28px 20px 22px 20px;
font-size:45px;
font-weight:bold;
letter-spacing:-0.01em;
line-height:0.9;
}   

}