* {
    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;
}
.rectangle {
    width: 75vw;
    height: 30vw;
    border-radius: 8vw;
    background-color: #EEEDED;
    box-shadow: 0.75vw 0.75vw 0.3vw rgba(156, 156, 156, 0.857);
}
.techniques {
    font-size: 4vw;
    font-family: Kantumruy Pro; 
    color: white;
    font-weight: bold;
}
.divtech {
    background-color: #AF7BBD;
    justify-content: center;
    display: flex;
    align-items: center;
    height: 15vw;
}
.central {
    justify-content: center;
    display: flex;
    align-items: center;
}
.first-content {
    margin: 4vw;
}

.grey {
    width: 80vw;
    height: 40vw;
    background-color: #EBEBEB;
}
button {
    width: 15vw;
    height: 6vw;
     border-radius: 10vw;
    background-color: #AF7BBD;
    border: none;
    font-size: 4vw;
    font-weight: bolder;
    color: white;
    margin: 5vw;
}
.NATA_grey {
    display: inline-block;
    position: absolute;
    margin-top: 3vw;
    margin-left: 7.6vw;
    width: 19vw;
}
.textalz {
    display: inline-block;
    position: absolute;
    margin-left: 8vw;
    margin-top: 11vw ;
    width: 37vw;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5vw;
}
.substract {
    display: inline-block;
    position: relative;
    width: 25.3vw;
}
footer {
    background-color: #AF7BBD;
    height: 24vw;
}
.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;
}
.html {
    scroll-snap-type: y proximity;
    scroll-behavior: smooth;
}
.socialapp {
    margin-top: 4vw;
    margin-right: 3vw;
    width: 9vw;
}
.startbut {
    box-shadow: 0.3vw 0.3vw 0.3vw rgba(156, 156, 156, 0.857);
}
.startbuttt {
    color: white;
}
.grey {
    display: flex;
    justify-content: space-between;
    box-shadow: 0.75vw 0.75vw 0.3vw rgba(156, 156, 156, 0.857);
}
.titles {
    font-size: 4vw;
    color:#AF7BBD;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}
.para {
    font-size: 1.3vw;
    font-family: Arial, Helvetica, sans-serif;
}
footer {
    height: 15vw;
}
.feels {
    width: 35vw;
    margin-top: 2vw;
    margin-left: 4vw;
}
.feeling {
    display: flex;
    justify-content: space-between;
}
@media (max-width: 768px) {
        .substract {
            display: none;
        }
        .textalz {
            width: 70vw;
            margin-top: 15vw;
            margin-left: 6vw;
            font-size: 3.8vw;
        }
        .NATA_grey {
            margin-left: 24vw;
            width: 30vw;
            margin-bottom: 3vw;
        }
        .rectangle {
            height: 80vw;
            width: 85vw;
        }
        .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;
        }
        .brs {
            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;
        }
}

/* Extra small mobile devices */
@media (max-width: 400px) {
        
}

/* Landscape mobile */
@media (max-width: 768px) and (orientation: landscape) {

}