body{margin:0;padding:0;}
h1 {color:#633800;font-family:Tahoma;font-size:30px;line-height:50px;text-align:center;margin-top:80px;}
h2 {color:#555;font-family: 'Montserrat', sans-serif;font-size:20px;line-height:24px;text-align:center;}
h3 {color:#666;font-family: 'Montserrat', sans-serif;font-size:18px;line-height:30px;text-align:center;}
h4 {color:#666;font-family: 'Montserrat', sans-serif;font-size:14px;line-height:20px;text-align:center;}
h5 {color:#01a0e2;font-family: 'Montserrat', sans-serif;font-size:13px;line-height:28px;text-align:center;}
a {color:#044597;font-family: 'Montserrat', sans-serif;font-size:14px;line-height:20px;text-align:center;text-decoration:none;}
a:hover {text-decoration:underline;}
.buton {background:#222;color:#fff;border:2px solid #000;padding:10px 24px;display:block;width:180px;height:20px;margin:0 auto;border-radius:4px;}
.buton:hover {text-decoration:none;color:#fff;background:#333;}
p {color:#633800;font-family: 'Montserrat', sans-serif;font-size:14px;line-height:24px;}
.wrapper{width:1440px;margin:0 auto;padding:10px 50px;}
.red {color:red;font-size:16px;}
@media(max-width:1440px){
h1 {margin-top:80px;}
.wrapper{width:1120px;margin:0 auto;padding:10px 35px;}
}
@media(max-width:1366px){
h1 {margin-top:70px;}
.wrapper{width:1066px;margin:0 auto;padding:10px 33px;}
}
@media(max-width:1280px){
h1 {margin-top:50px;}
.wrapper{width:980px;margin:0 auto;padding:10px 25px;}
}
@media(max-width:1024px){
h1 {margin-top:50px;}
.wrapper{width:780px;margin:0 auto;padding:10px 25px;}
}
@media(max-width:768px){
h1 {margin-top:30px;}
.wrapper{width:658px;margin:0 auto;padding:10px 20px;}
}
@media(max-width:736px){
h1 {margin-top:30px;}
.wrapper{width:480px;margin:0 auto;padding:10px 20px;}
}
@media(max-width:480px){
h1 {margin-top:20px;}
.wrapper{width:360px;margin:0 auto;padding:10px 20px;}
}
@media(max-width:320px){
h1 {margin-top:10px;}
.wrapper{width:250px;margin:0 auto;padding:10px 15px;}
}