@font-face{
font-family:inter;
src:url(/fonts/Inter-Regular.woff2) format('woff2'),url(/fonts/Inter-Regular.woff) format('woff');
font-weight:400;
font-style:normal;
}
@font-face{
font-family:inter;
src:url(/fonts/Inter-Medium.woff2) format('woff2'),url(/fonts/Inter-Medium.woff) format('woff');
font-weight:500;
font-style:normal;
}
@font-face{
font-family:inter;
src:url(/fonts/Inter-Bold.woff2) format('woff2'),url(/fonts/Inter-Bold.woff) format('woff');
font-weight:700;
font-style:normal;
}
html, body{
padding:0;
margin:0;
font-family:inter;
font-style:normal;
font-weight:400;
font-size:16px;
background-color:#eee;
color:#333;
}
html{
scroll-behavior: smooth;
}
a{
text-decoration:none;
color:#075ee5;
}
.clear{
clear:both;
}
.hidden{
display:none;
}
#header{
padding:200px 0;
background:url(/img/rem_fon2.jpg) bottom center no-repeat;
background-size:cover;
}
#header_cont{
width:1200px;
max-width:96%;
padding:0 2%;
margin:0 auto;
}
#header_cont h1{
color:#fff;
font-size:45px;
text-transform:uppercase;
text-shadow:2px 2px 4px #333;
text-align:center;
}
#header_cont p{
color:#fff;
font-size:25px;
text-transform:uppercase;
text-shadow:1px 1px 3px #000;
text-align:center;
margin-bottom:70px;
}
#header_cont .func{
text-align:center;
padding:20px 0;
}
#header_cont .func span{
display:inline-block;
color:#fff;
padding:10px 15px;
border:1px solid #39b6ff;
background-color:rgba(48, 152, 205, 0.3);
margin:10px;
border-radius:5px;
text-shadow:0 0 2px #222;
}
#cont{
padding:50px 2%;
margin:0 auto;
width:1250px;
max-width:96%;
}
#cont img{
max-width:100%;
}
#cont .big_img{
display:block;
margin:30px auto;
}
.h2{
font-size:33px;
font-weight:bold;
text-align:center;
margin:20px 0 50px;
}
.blocks{
margin:50px 0;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
line-height:1.8em;
font-size:18px;
}
.blocks img{
display:block;
border:1px solid #eee;
border-radius:7px;
}
.blocks .left, .blocks .right{
width:46%;
}
.blocks .left{
padding-left:1%;
}
.blocks .right{
padding-right:1%;
}
.h3{
font-size:25px;
font-weight:500;
margin-bottom:30px;
}
.button{
display:inline-block;
padding:8px 15px;
border:none;
color:#fff;
font-size:16px;
background-color:#51aeff;
border-radius:5px;
cursor:pointer;
}
.center{
text-align:center;
}



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

#header_cont h1{
font-size:35px;
}
#header_cont p{
fonr-size:20px;
}
.h2{
font-size:23px;
}
.blocks .left, .blocks .right{
width:98%;
}


}