@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;900&display=swap');
body{margin:0;padding:0;background:#f9f9f9;font-family:'Roboto', sans-serif;}
h1 {color:#871003;font-size:30px;line-height:50px;text-align:center;margin-top:150px;}
h2 {color:#871003;font-size:64px;line-height:72px;text-align:center;font-weight:900;text-transform:uppercase;text-shadow:-1px 2px 1px #333;}
h3 {color:#e82128;font-size:14px;line-height:20px;text-align:center;font-weight:300;}
h4 {color:#e82128;font-size:14px;line-height:20px;text-align:center;}
h5 {color:#e82128;font-size:13px;line-height:28px;text-align:center;}
a {color:#e82128;font-size:14px;line-height:20px;text-align:center;text-decoration:none;}
a:hover {text-decoration:underline;}
p {color:#e82128;font-size:14px;line-height:24px;}
.wrapper{width:1440px;margin:0 auto;padding:10px 50px;}
.colored, .colored a{color:#871003;}
h1 img{width:218px;}
@media(max-width:1440px){
h1 {margin-top:150px;}
.wrapper{width:1120px;margin:0 auto;padding:10px 35px;}
}
@media(max-width:1366px){
h1 {margin-top:150px;}
.wrapper{width:1066px;margin:0 auto;padding:10px 33px;}
}
@media(max-width:1280px){
h1 {margin-top:120px;}
.wrapper{width:980px;margin:0 auto;padding:10px 25px;}
}
@media(max-width:1024px){
h1 {margin-top:120px;}
.wrapper{width:780px;margin:0 auto;padding:10px 25px;}
}
@media(max-width:768px){
h1 {margin-top:80px;}
.wrapper{width:658px;margin:0 auto;padding:10px 20px;}
}
@media(max-width:736px){
h1 {margin-top:80px;}
.wrapper{width:480px;margin:0 auto;padding:10px 20px;}
}
@media(max-width:480px){
h1 {margin-top:60px;}
.wrapper{width:360px;margin:0 auto;padding:10px 20px;}
h2{font-size:40px;}
}
@media(max-width:320px){
h1 {margin-top:40px;}
.wrapper{width:250px;margin:0 auto;padding:10px 15px;}
}