* {
    margin: 0;
    padding: 0;
}
header {
    background-color: #AF7BBD;
    height: 8vw;
}
.headerlogo{
    width: 15vw;
    height: 100%;
    margin-left: 2vw;
    margin-top: 2vw;
}
.nav-menu {
    list-style: none;
    width: 70%;
    float: right;
}
.nav-link {
    font-size: 2vw;
    font-family: Kantumruy Pro; 
    color: white;
}
.nav-item {
    font-weight: bold;
    padding: 3%;
    padding-top: 3.7%;
    float: right;
}
.nav-link1 {
    font-size: 2vw;
    font-family: Kantumruy Pro; 
    color: #AF7BBD;
    background-color: white;
    padding: 0.6vw;
    border-radius: 1vw;
} 
a {
    text-decoration: none;
}
footer {
    background-color: #AF7BBD;
    height: 15vw;
}
.social {
    float: right;
    position: relative; 
}
.info {
    position: relative;
    float: left;
    width: 40vw;
}
.natafooter {
    width: 18vw;
    margin-left: 4vw;
    margin-top: 1.5vw;
}
.contactus {
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2vw;
    width: 30vw;
    margin-left: 4.3vw;
    margin-top: 1vw;
}
.boldtext {
    font-weight: bolder;
}
.socialapp {
    margin-top: 4vw;
    margin-right: 3vw;
    width: 9vw;
}
.pic1 {
    margin-top: 4vw;
    margin-bottom: 4vw;
    margin-left: 10vw;
}
.pic2 {
    margin-top: 4vw;
    margin-bottom: 4vw;
    margin-right: 10vw;
}
.aleksei {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 2.5vw;
    margin-top: 3.4vw;
}
.html {
    scroll-snap-type: y proximity;
    scroll-behavior: smooth;
}
.green {
    color: #BBFFA9;
}
.first-content {
    display: flex;
    justify-content: space-between;
}
.natapic {
    width:25vw;
}
.pichuman {
    width: 28vw;
    border-radius: 4vw;
    box-shadow: 0.5vw 0.5vw 0.2vw rgba(115, 115, 115, 0.857);
}
.natapicdiv{
    margin-top: 5vw;
    margin-left: 5vw;
}
.meetsdiv {
    width: 65vw;
    margin-top: 6vw;
}
.second-content {
    background-color: #AF7BBD;
    height: 18vw;
    display: flex;
    justify-content: space-between;
}
.meets {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2.8vw;
    font-weight: bold;
    color: white;
}
@media (max-width: 768px) {
        .substract {
            display: none;
        }
        .textalz {
            width: 65vw;
            margin-top: 15vw;
            margin-left: 6vw;
            font-size: 2.6vw;
        }
        .NATA_grey {
            margin-left: 24vw;
            width: 30vw;
        }
        .rectangle {
            height: 50vw;
        }
        .nav-link {
            font-size: 4.1vw;
        }
        .nav-link1 {
            font-size: 4.1vw;
        }
        header {
            height: 20vw;
        }
        .nav-menu {
            width: 50vw;
            margin-top: 3vw;
        }
        .headerlogo {
            width: 32vw;
        }
        .navbar {
            padding-top: 2vw;
        }
        br {
            display: none;
        }
        .titles {
            font-size: 8vw;
            margin-bottom: 10vw;
        }
        .grey {
            height: 100vw;
        }
        .feeling {
            display: block;
        }
        .feels {
            width: 70vw;
        }
        .divtech {
            height: 30vw;
        }
        .first-content {
            margin-top: 15vw;
            margin-bottom: 15vw;
        }
        .techniques {
            font-size: 5.5vw;
        }
        .para {
            font-size: 3.3vw;
        }
        button {
            width: 40vw;
            height: 16vw;
            font-size: 9vw;
        }
        footer {
            height: 30vw;
        }
        .natafooter {
            width: 40vw;
            margin-top: 5vw;
        }
        .contactus {
            width: 40vw;
            font-size: 3vw;
        }
        .socialapp {
            width: 12vw;
            margin-top: 10vw;
        }
}