* {
    margin: 0;
    padding: 0;
    scroll-snap-stop: normal;
}
header {
    background-color: #AF7BBD;
    height: 8vw;
    scroll-snap-align: center;
}
html {
    scroll-snap-type: y mandatory;
    scroll-behavior: smooth;
}
.first-content {
    scroll-snap-align: center;
    min-height: 100vh;
    width: 95vw;
    display: flex;
    align-items: center;
    justify-content: center;
}
footer {
    scroll-snap-align: center;
}
.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 {
    margin-top: 3vw;
    margin-left: 4.9vw;
    margin-bottom: 3vw;
    width: 90vw;
    height: 41.4vw;
    border-radius: 13vw;
    background-color: #EEEDED;
    box-shadow: 0.75vw 0.75vw 0.3vw rgba(156, 156, 156, 0.857);
}
#refheal {
    scroll-snap-align: start;
    align-items: flex-start;
}
.rectangle_rec {
    width: 50vw;
    height: 41vw;
    border-radius: 10vw;
    background-color: #EEEDED;
    box-shadow: 0.75vw 0.75vw 0.3vw rgba(156, 156, 156, 0.857);
}
.rectanglesci {
    margin-bottom: 5vw;
    width: 88vw;
    margin-left: 4.9vw;
    height: 103vw;
    border-radius: 10vw;
    background-color: #EEEDED;
    box-shadow: 0.75vw 0.75vw 0.3vw rgba(156, 156, 156, 0.857);
}
.central {
    justify-content: center;
    display: flex;
    align-items: center;
}
.startbut {
    box-shadow: 0.3vw 0.3vw 0.3vw rgba(156, 156, 156, 0.857);
}
.grey {
    width: 90vw;
    height: 60vw;
    background-color: #EBEBEB;
}
.NATA_grey {
    display: inline-block;
    position: absolute;
    margin-left: 8vw;
    margin-top: 4vw;
    font-size: 4vw;
    width: 35vw;
    font-family: Arial, Helvetica, sans-serif;
}
.NATA_grey_sci {
    display: inline-block;
    position: absolute;
    margin-left: 8vw;
    margin-top: 4vw;
    font-size: 4vw;
    width: 69vw;
    font-family: Arial, Helvetica, sans-serif;
}
.textalz_rec {
    display: inline-block;
    position: absolute;
    margin-left: 8vw;
    margin-top: 12vw ;
    width: 35vw;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.6vw;
}
.textalz {
    display: inline-block;
    position: absolute;
    margin-left: 8vw;
    margin-top: 12vw ;
    width: 35vw;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.6vw;
}
.textalz_BLT {
    display: inline-block;
    position: absolute;
    margin-left: 8vw;
    margin-top: 10vw ;
    width: 35vw;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5vw;
}
.textalz_sci {
    display: inline-block;
    position: absolute;
    margin-left: 8vw;
    margin-top: 12vw ;
    width: 69vw;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.6vw;
}
.textalz_40 {
    display: inline-block;
    position: absolute;
    margin-left: 8vw;
    margin-top: 11vw ;
    width: 35vw;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5vw;
}
.substract {
    display: inline-block;
    position: relative;
    width: 34.9vw;
}
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;
}
button {
    width: 15vw;
    height: 6vw;
    border-radius: 10vw;
    background-color: #AF7BBD;
    border: none;
    font-size: 4vw;
    font-weight: bolder;
    color: white;
    margin-left: 8vw;
    transform: translateY(-5vw);
}

@media (max-width: 768px) {
        
        .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;
        }
        footer {
            height: 30vw;
        }
        .natafooter {
            width: 40vw;
            magin-top: 5vw;
        }
        .contactus {
            width: 40vw;
            font-size: 3vw;
        }
        .socialapp {
            width: 12vw;
            margin-top: 10vw;
        }
        .substract {
            display: none;
        }
        .NATA_grey {
            position: relative;
            display: block;
        }
        .textalz {
            position: relative;
            display: block;
            font-size: 4vw;
            width: 80vw;
        }
        .textalz_40 {
            width: 80vw;
            font-size: 4vw;
            position: relative;
        }
            
        .textalz_BLT {
            width: 80vw;
            font-size: 4vw;
            position: relative;
        }
        .textalz_rec {
            width: 65vw;
            font-size: 3vw;
        }
        .textalz_sci {
            width: 80vw;
            font-size: 3vw;
        }
        button {
            transform: none;
        }
        .rectangle {
            height: 120vw;
        }
        .rectanglesci {
            height:300vw;
        }

        .rectangle_rec {
            width: 80vw;
            height: 90vw;
        }
        .startbut {
            margin-top: 5vw;
            width: 30vw;
            font-size: 5vw;
            height: 10vw;
        }
        .NATA_grey {
            font-size: 6vw;
            width: 80vw;
            margin-top: 10vw;
        }
}