body {
padding:0; margin:0;
}

a {color: #367fd1; transition: color 0.2s ease-in-out;}
a:hover {color: #367fd1;}

body, div, p, span, td {
    font-family: Arial; color: #1b1b1b;
}

.top-div {width: 100%; background: #f7f6f5 url(img/top-bg.jpg) center no-repeat; text-align: center;}

.div-head {display: inline-block; width: 100%; min-width: 280px; max-width: 1220px; margin-top: 60px; margin-bottom: 15px;}

.logo {width: 180px; margin-bottom: 40px;}

.red {font-size: clamp(16px, 1.5vw, 22px); color: #ffffff; background-color: #c13131; padding: 4px 8px 4px 8px;}

h1 {font-size: clamp(18px, 1.6vw, 22px); margin-top: 40px; line-height: 1.3em;}

.bot-shad {height: 23px; background: url(img/top-shadow.png) center no-repeat;}

.instr {font-size: clamp(18px, 1.6vw, 26px); text-align: center; margin-top: 60px; margin-bottom: 50px;  line-height: 1.5em;}

.green {background-color: #e2ece3; padding: 4px 8px 4px 8px;}



.cent-div {width: 100%; display: block;}

.container {max-width: 1220px; right: 0; left: 0; margin: auto; display: flex;}



.left-place {width: 50%;}

.right-place {width: 50%;}

.text-right {padding: 20px 45px 0px 45px;}

.text-left {padding: 20px 25px 0px 0px;}

h2 {font-size: clamp(23px, 2.2vw, 38px); margin: 20px 0px 20px 0px;}

.second-h2 {font-size: clamp(22px, 2.2vw, 28px); margin: 30px 0px 20px 0px;}

.third-h2 {font-size: clamp(22px, 2.2vw, 38px); margin: 20px 0px 20px 0px;}

h3 {font-size: clamp(21px, 2.2vw, 28px); font-weight: normal; margin: 0px 0px 20px 0px;}

.grey-text {font-size: clamp(17px, 2.2vw, 19px); color: #787777; line-height: clamp(23px, 2.2vw, 26px);}

.pt20 {padding-top: 20px;}

.pt15 {padding-top: 15px;}

.pb20 {padding-bottom: 20px;}

.text-center {text-align: center;}



@media (max-width: 767px) {

.container {max-width: 1220px; right: 0; left: 0; margin: auto; flex-wrap: wrap;}

.left-place {width: 100%;}

.right-place {width: 100%;}

.text-center {text-align: center; padding: 0px 10px 0px 10px;}

.text-right {padding: 0px 15px 0px 15px;}

.text-left {padding: 0px 25px 0px 15px;}

.order-1 {order: 1;}

.order-2 {order: 2;}

.pt20-sm {padding-top: 20px;}

.second-h2 {font-size: clamp(22px, 2.2vw, 38px); margin: 5px 0px 20px 0px;}

.forpic {width: 90%;}

.forpic2 {width: 100%;}


.pt20 {padding-top: 30px;}

.pt15 {padding-top: 15px;}

.pb20 {padding-bottom: 30px;}

}