:root {
    --primary-bg: #d6e6c7;
    --secondary-bg: #eaf3e0;
    --primary-color: #1d2a4d;
    --accent-color: #f9c846;
    --font-main: 'Montserrat', Arial, sans-serif;
    --font-body: 'Roboto', Arial, sans-serif;
}
*{padding: 0px; margin: 0px;}
html, body {
    margin: 0;
    padding: 0;
    background: var(--primary-bg);
    color: var(--primary-color);
    font-family: var(--font-body);
    min-height: 100vh;
}

body {
    font-size: 16px;
    line-height: 1.6;
}

a {
    color: var(--primary-color);
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.clear{width:100%; height: 1px; display: block; clear:both;}
.wrapper {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.header {
    text-align: center;
}

.header image {
    width: 100%;
    height: auto;
}

.block {
    background: var(--secondary-bg);
    margin: 0 0;
    padding: 0;
}

.blockInner{
    position:relative;
    width: 80%;
    max-width: 1920px;
    padding: 40px 0px;
    margin: auto;
}

.line {
    text-align: center;
    margin: 0;
    margin-top: -3px;
}
.line img{width: 100%;}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

.second{
    background: url(img/bg2.jpg) no-repeat center;
    background-size: cover;
}
.third{
    background: url(img/bg3.jpg) no-repeat center;
    background-size: cover;
}




.content img, .gg img{ width: 100%; height: auto; }
.content{
    width: 50%; 
    float:left;
    padding: 20px 0px;
}
.gg{
    width: 10%;
    float:right;
    padding: 20px;
}
.third .content{
    width: 50%;
}
.mic{
    width: 40%;
    float:right;
    margin-top: 20%;
}




@media (max-width: 768px) {
    .blockInner{width: 95%;}
    .content{width: 100%; float:none; padding: 20px 0px; }
    .third .content{ width: 90%; }
    .gg{position:absolute; width: 15%; top: 20px; right: 20px; float:none;}
    .mic{ float:right; width: 80%; margin-top: 5%;}
    .line{margin-top: -1px; }

}