/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    
    /* main */
    section{
        padding: 4rem 6rem;
    }
    
    .main__elizabeth--flexbox > video{
        width: 100%;
        height: fit-content;
        
    }
    
    .main__elizabeth{
        padding-right: 1rem;
        
        
    }
    
    .main__elizabeth > h2{
        padding-top: 0;
    }

    .main__elizabeth > div{
        margin-top: 6rem;
    }

    
    .main__grid{
        display: grid;
        grid-template-columns: auto auto;
        justify-content: space-between;
    }

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

    /* proserv */

    .proservcard{
        width: 30rem;
    }
    .proservcard>div>p{
        height: 23rem;
    }

    /* machine */
    .machine__grid{
        grid-template-columns: auto auto auto auto;
    }

    .machine__grid--item>img{
        height: 100%;
    }

    /* social */

    .main__socialn--icons>a >img{
        width: 10%;
    }
    
    


    /* somos */

    .somos__history>img{   
        width: 45rem;
    }

    .story >div>p{
        text-align: justify;
        margin-bottom: 2rem;

    }

    .somos__grid{
        justify-content: space-between;
        grid-template-columns: auto auto;
        column-gap: 1rem;
    }
    
    .prof__grid{
        grid-template-columns: 50% 50% ;
        margin: 0 1rem;
    }


    /* servicios */

    .servicios__grid{
        display: grid;
        grid-template-columns: auto auto;
        justify-content: space-between;
        row-gap: 2rem;
    }

    .servicios__grid--item{
        align-self: baseline;
    }

    .servicios__grid--item>a{
        margin-bottom: 0;
    }

    .servicios__card{
        width: 31rem;
    }

    .microblading__card{
        width: 50rem;
    }

    .micropig__columns,.micropig__labios--columns{
        line-height: 2.4rem;
        margin-bottom: 1rem;
    }

    .micropig__labios--columns{
        display: flex;
        flex-direction: column;
        text-align: center;

    }

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


    .micropig__card{
        width: 50rem;
        
    }

  
    /* skin grid */

    .skin__grid{
        grid-template-columns: auto auto;
        justify-content: space-between;
    }
    .skin__card{
        width: 31rem;
        
    }

    /* drinks grid */

    .drink__grid{
        grid-template-columns: auto auto;
        justify-content: space-between;
    }
    .drink__card{
        width: 31rem;
    }



    /* cursos */
    .cursos__grid{
        display: grid;
        grid-template-columns: auto;
        justify-content: center;
        gap: 4rem;
        margin: 4rem 0;
    }
    /* servicio */

    .servicio__flex{
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        text-align: center;
    }

    .servicio__flex>div:last-child{
        text-align: left;
        padding-left: 2rem;
    }

    .servicio__flex>div>p{
        padding: 2rem 0;
    }

    .button__flex{
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: 2rem;
    }

    .servicio__grid{
        grid-template-columns: auto auto auto;
        column-gap: 22rem;
    }

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

    /* faq */

    .faq__card > img{
        width: 40rem;
    }

    /* login */

    .login__flex{
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        text-align: center;
        margin: 4rem 0;
    }

    .login__right{
        width: 100%;
        padding-left: 4rem;
    }

    .login__flex>div>h1{
        padding: 2rem 0;
    }

    .login__form {
        display: flex;
        flex-direction: column;
        justify-content: left;
        text-align: left;
        padding: 0 1rem;
    }

    .login__form > label {
        padding: .2rem 0;
    }

    .login__form > input[type=text],.login__form > input[type=password] {
        padding: 1rem;
        margin-bottom: 2rem;
        text-align: left;
        border-radius: 1rem;
        box-shadow: var(--black) 0 .5rem 1rem;
    }

    .login__form > input[type=submit] {
        width: 20%;
    }

    /* portafolio */

    .portf__video{
        grid-template-columns: auto auto;
    }
    .portf__video>iframe{
        border-radius: 2rem;
    }

    .portf__grid{
        grid-template-columns: auto auto;
    }

/* ver video */

.ver__grid{
    grid-template-columns: auto auto;
    justify-content: space-between;
}

.ver__grid--item{
    display: flex;
    flex-direction: column;
}
.ver__grid--item:first-child{
    padding-right: 2rem;
}
.ver__grid--item>video{
    width: 100%;
    border-radius: 1rem;
    box-shadow: var(--black) 0 .1rem 1rem;
    margin: 1.5rem 0;
}
.ver__grid--item>div{
    margin: 1rem 0;
}
.ver__grid--item>div>a{
    color: var(--white);
}
.ver_buttons{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.ver_buttons>a{
    background-color: var(--salmon);
    border-radius: 1rem;
    box-shadow: var(--black) 0 .1rem 1rem;
    padding: 1rem 3rem;
    transition: all .5s;
    margin-top: 2.8rem;
}
.ver_buttons>a:hover{
    background-color: var(--gray);
    color: var(--black);
}

.ver_contenido{
    display: flex;
    flex-direction: column;
}

.ver_contenido>a{
    border-radius: 1rem;
    box-shadow: var(--black) 0 .1rem 1rem;
    background-color: var(--salmon);
    margin: .5rem 0;
    padding: 1rem;
    transition: all .5s;
}
.ver_contenido>a:hover{
    background-color: var(--gray);
    color: var(--black);
}



    /* usuarios */



.users__flex{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.user__card{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 2rem;
    margin: 1rem 0;
    border-radius: 1rem;
    box-shadow: var(--black) 0 .5rem 1rem;
}
.user__card>div:last-child{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.user__card>div:first-child{
    padding-bottom: 0;
}
.user__card>div>a{
    padding: 2rem;
    margin: .2rem;
    border-radius: 1rem;
    color: var(--black);
    background-color: var(--gray);
}



}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    /* header */
    header{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 0 6rem;
    }
    .header__mobile{
        display: inline-block;
        padding: 0;
    }
    #header__menu{
        display: none;
    }
    .header__navbar{
        flex-direction: row;
        border: none;
        height: 10rem;
        padding: 0;
    }
    
    .header__navbar > a{
        border: none;
        height: 100%;
        width: fit-content;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        padding: 1rem;
        transition: 1.2s all;
    }
    
    
    
    /* main */
    section{
        padding: 4rem 6rem;
    }
    
    .main__elizabeth--flexbox > video{
        width: 100%;
        height: fit-content;
        
    }
    
    .main__elizabeth{
        padding-right: 1rem;
        
        
    }
    
    .main__elizabeth > h2{
        padding-top: 0;
    }

    .main__elizabeth > div{
        margin-top: 6rem;
    }

    .main__grid{
        display: grid;
        grid-template-columns: auto auto;
        justify-content: space-between;
    }

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

    /* proserv */

    .proservcard{
        width: 50rem;
    }
    .proservcard>div>p{
        height: 18rem;
    }

    /* machine */
    .machine__grid{
        grid-template-columns: auto auto auto auto;
    }

    .machine__grid--item>img{
        height: 100%;
    }

    /* social */

    .main__socialn--icons>a >img{
        width: 10%;
    }
    
    
    
    .whatsapp{
        padding: 1rem 2rem;
        border-radius: 3rem;
    
    }

    .whatsapp>p{
        display: block;
        color: var(--white);
        font-weight: bold;
        user-select: none;
    }

    .whatsapp>img{
        padding-left: 1rem;
    }

    /* somos */

    .somos__history>img{   
        width: 45rem;
    }

    .story >div>p{
        text-align: justify;
        margin-bottom: 2rem;

    }

    .somos__grid{
        justify-content: space-between;
        grid-template-columns: auto auto auto;
        column-gap: 1rem;
    }

    .somos__card{
        width: 25rem;
    }
    
    .prof__grid{
        grid-template-columns: 50% 50% ;
        margin: 0 1rem;
    }


    /* servicios */

    .servicios__grid{
        display: grid;
        grid-template-columns: auto auto;
        justify-content: space-between;
        row-gap: 2rem;
    }

    .servicios__grid--item{
        align-self: baseline;
    }

    .servicios__grid--item>a{
        margin-bottom: 0;
    }

    .servicios__card{
        width: 44rem;
    }

    .microblading__card{
        width: 50rem;
    }

    .micropig__columns,.micropig__labios--columns{
        line-height: 2.4rem;
        margin-bottom: 1rem;
    }

    .micropig__labios--columns{
        display: flex;
        flex-direction: column;
        text-align: center;

    }

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

    .micropig__grid{
        grid-template-columns: auto auto auto;
        justify-content: space-between;

    }

    .micropig__card{
        width: 28rem;
        
    }

  
    /* skin grid */

    .skin__grid{
        grid-template-columns: auto auto;
        justify-content: space-between;
    }
    .skin__card{
        width: 44rem;
        
    }

    /* drinks grid */

    .drink__grid{
        grid-template-columns: auto auto;
        justify-content: space-between;
    }
    .drink__card{
        width: 40rem;
    }

    /* collagen grid */
    .collagen__grid{
        grid-template-columns: auto auto;
        column-gap: 2rem;
        justify-content: space-between;
    }

    /* cursos */
    .cursos__grid{
        display: grid;
        grid-template-columns: auto;
        justify-content: center;
        gap: 4rem;
        margin: 4rem 0;
    }
    /* servicio */

    .servicio__flex{
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        text-align: center;
    }

    .servicio__flex>div:last-child{
        text-align: left;
        padding-left: 2rem;
    }

    .servicio__flex>div>p{
        padding: 2rem 0;
    }

    .button__flex{
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: 2rem;
    }

    .servicio__grid{
        grid-template-columns: auto auto auto;
        column-gap: 22rem;
    }

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

    /* faq */

    .faq__card > img{
        width: 40rem;
    }

    /* login */

    .login__flex{
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        text-align: center;
        margin: 4rem 0;
    }

    .login__right{
        width: 100%;
        padding-left: 4rem;
    }

    .login__flex>div>h1{
        padding: 2rem 0;
    }

    .login__form {
        display: flex;
        flex-direction: column;
        justify-content: left;
        text-align: left;
        padding: 0 1rem;
    }

    .login__form > label {
        padding: .2rem 0;
    }

    .login__form > input[type=text],.login__form > input[type=password] {
        padding: 1rem;
        margin-bottom: 2rem;
        text-align: left;
        border-radius: 1rem;
        box-shadow: var(--black) 0 .5rem 1rem;
    }

    .login__form > input[type=submit] {
        width: 20%;
    }

    /* portafolio */

    .portf__video{
        grid-template-columns: auto auto;
    }
    .portf__video>iframe{
        border-radius: 2rem;
    }

    .portf__grid{
        grid-template-columns: auto auto;
    }

/* ver video */

.ver__grid{
    grid-template-columns: auto auto;
    justify-content: space-between;
}

.ver__grid--item{
    display: flex;
    flex-direction: column;
}
.ver__grid--item:first-child{
    padding-right: 2rem;
}
.ver__grid--item>video{
    width: 100%;
    border-radius: 1rem;
    box-shadow: var(--black) 0 .1rem 1rem;
    margin: 1.5rem 0;
}
.ver__grid--item>div{
    margin: 1rem 0;
}
.ver__grid--item>div>a{
    color: var(--white);
}
.ver_buttons{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.ver_buttons>a{
    background-color: var(--salmon);
    border-radius: 1rem;
    box-shadow: var(--black) 0 .1rem 1rem;
    padding: 1rem 3rem;
    transition: all .5s;
    margin-top: 2.8rem;
}
.ver_buttons>a:hover{
    background-color: var(--gray);
    color: var(--black);
}

.ver_contenido{
    display: flex;
    flex-direction: column;
}

.ver_contenido>a{
    border-radius: 1rem;
    box-shadow: var(--black) 0 .1rem 1rem;
    background-color: var(--salmon);
    margin: .5rem 0;
    padding: 1rem;
    transition: all .5s;
}
.ver_contenido>a:hover{
    background-color: var(--gray);
    color: var(--black);
}



    /* usuarios */



.users__flex{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.user__card{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 2rem;
    margin: 1rem 0;
    border-radius: 1rem;
    box-shadow: var(--black) 0 .5rem 1rem;
}
.user__card>div:last-child{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.user__card>div:first-child{
    padding-bottom: 0;
}
.user__card>div>a{
    padding: 2rem;
    margin: .2rem;
    border-radius: 1rem;
    color: var(--black);
    background-color: var(--gray);
}

    /* FOOTER */
    footer{
        padding: 0 6rem;
    }
    .footer__flexbox{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: baseline;
    }
    .footer__flexbox>div:nth-child(1){
        text-align: left;
    }
    .footer__flexbox>div:nth-child(1)>a{
        transition: all .5s;
    }
    .footer__flexbox>div:nth-child(1)>a:hover{
        color: var(--hover);
        padding-left: 4rem;
    }
    .footer__flexbox>div:nth-child(2)>a{
        transition: all .5s;
    }
    .footer__flexbox>div:nth-child(2)>a:hover{
        color: var(--gray);
    }

    .footer__flexbox>div:nth-child(3){
        text-align: right;

    }
    .footer__flexbox>div:nth-child(3)>a{
        transition: all .5s;
    }
    .footer__flexbox>div:nth-child(3)>a:hover{
        color: var(--gray);
        padding-right: 4rem;
    }

    .footer__flexbox >div>a{
        padding: .8rem 0;
    }
    
    .footer__flexbox >div>p{
        padding: .8rem 0;
    }
    .location_container{
        display: flex;
        flex-direction: row;
        justify-content: space-around;
    }
    .location_container >video,.location_container >iframe {
        border-radius: .5rem;
        box-shadow: var(--black) 0 .5rem 1rem;
    }
    
    .location_container >iframe {
        width: 50rem;
        margin-bottom: 0;
    }
    .location_container >video{
        width: 30rem;
        height: fit-content;
    }
    
    .location{
        justify-content: right;
        align-items: right;
        background-color: var(--black);
    }
    .location >p{
        padding: .8rem 0;
        margin-right: .5rem;
    }

    .footer__developer{
        text-align: right;
    }
    
} 

@media only screen and (min-width: 1366px) {

        /* main */
        section{
            padding: 4rem 6rem;
        }
    
        .main__elizabeth--flexbox{
            flex-direction: row;
            justify-content: space-between;
        }
        
        .main__elizabeth--flexbox > video{
            width: 50%;
            height: fit-content;
            
        }
        
        .main__elizabeth{
            padding-right: 1rem;
            width: 35%;
            
        }
        
        .main__elizabeth > h2{
            padding-top: 0;
        }
    
        .main__elizabeth > div{
            margin-top: 6rem;
        }
        
        .main__grid{
            display: grid;
            grid-template-columns: auto auto auto auto;
            justify-content: space-between;
        }
    
        .main__grid--item{
            text-align: center;
        }
    
        /* proserv */
    
        .proservcard{
            width: 28rem;
        }
        .proservcard>div>p{
            height: 25rem;
        }
    

        
    
        /* machine */
    
        .machine__grid{
            grid-template-columns: auto auto auto auto;
        }
    
        .machine__grid--item>img{
            height: 100%;
        }
    
        /* social */
    
        .main__socialn--icons>a >img{
            width: 6%;
        }
        
        
        
        .whatsapp{
            padding: 1rem 2rem;
            border-radius: 3rem;
        
        }
    
        .whatsapp>p{
            display: block;
            color: var(--white);
            font-weight: bold;
            user-select: none;
        }
    
        .whatsapp>img{
            padding-left: 1rem;
        }
    
        /* somos */
    
        .somos__history{
            flex-direction: row;
            align-items: flex-start;
           
        }
    
        .history{
            padding-left: 2rem;
        }
    
        .story >div>p{
            text-align: justify;
            margin-bottom: 2rem;
    
        }
    
        .somos__grid{
            justify-content: space-between;
            grid-template-columns: auto auto auto auto;
            column-gap: 1rem;
        }
    
        .somos__history>img{   
            width: 40rem;
        }
    
    
        /* Profesional */
        .professional{
            display: flex;
            flex-direction: row;
            justify-content: baseline;
            align-items:stretch;
        }
    
        .professional>div{
            display: flex;
            flex-direction: column;
            justify-content: baseline;
            padding-left: 2rem;
    
        }
    
    
    
        .professional>div:first-child{
            padding-right: 2rem;
        }
    
        .professional>img{
            width: 40rem;
            border-radius: 2rem;
        }
    
        .professional>div > h1{
            text-align: left;
            padding-bottom: .6rem;
        }
        .professional>div > p{
            padding: 1rem 0;
        }
    
        
        .prof__grid{
            grid-template-columns: 50% 50% ;
            margin: 0 1rem;
        }
    
    
        /* servicios */
    
        .microblading__grid{
            grid-template-columns: auto auto;
    
        }
    
        .microblading__grid--item{
            padding: 0;
            width: auto;
            align-items: flex-start;
        }
        .microblading__left>h2,.microblading__left>p{
            padding-left: 4rem;
        }
        .microblading__left>h2{
            text-align: left;
            padding-bottom: 1rem;
        }
    
        .microblading__card{
            width: 36rem;
        }
    
        .micropig__grid{
            grid-template-columns: auto auto auto;
            justify-content: space-between;
        }
        .micropig__left>h2,.micropig__left>p{
            text-align: left;
        }
        .micropig__left>h2{
            text-align: left;
            padding-bottom: 1rem;
        }

        .micropig__card{
            width: 40rem; 
        }
    
        .micropig__labios--columns{
            padding-left: 4rem;
            
        }
        .micropig__columns>p,.micropig__labios--columns>p{
            padding-right: 8rem;
            text-align: left;
        }

        /* skin grid */

        .skin__grid{
            grid-template-columns: auto auto auto auto;
            justify-content: space-between;
            gap: 1rem;
        }
        .skin__card{
            width: 30rem;
            
        }

        /* drinks grid */

        .drink__grid{
            grid-template-columns: auto auto auto;
            justify-content: space-between;
            gap: 1rem;
        }
        .drink__card{
            width: 40rem;
            
        }
    
        /* collagen grid */
        .collagen__grid{
            grid-template-columns: auto auto;
            column-gap: 2rem;
            justify-content: space-between;
        }
        
    
        .servicios__grid{
            display: grid;
            grid-template-columns: auto auto auto auto;
            justify-content: space-between;
    
        }
    
        .servicios__grid--item{
            align-self: baseline;
        }
    
        .servicios__grid--item>a{
            margin-bottom: 0;
        }
    
        .servicios__card{
            width: 30rem;
        }
        
    
        /* cursos */
        .cursos__grid{
            display: grid;
            grid-template-columns: 32% 32% 32%;
            justify-content: center;
            gap: 4rem;
            margin: 4rem 0;
        }
    
    
    
        /* servicio */
    
        .servicio__flex{
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            text-align: center;
        }
    
        .servicio__flex>div:last-child{
            text-align: left;
            padding-left: 2rem;
        }
    
        .servicio__flex>div>p{
            padding: 2rem 0;
        }
    
        .button__flex{
            display: flex;
            flex-direction: column;
            align-items: center;
            padding-top: 2rem;
        }
    
        .servicio__grid{
            grid-template-columns: auto auto auto;
            column-gap: 22rem;
        }
    
        .servicio__grid--item{
            text-align: center;
        }
    
        /* faq */
    
        .faq__card > img{
            width: 40rem;
        }
    
        .location_container{
            display: flex;
            flex-direction: row;
            justify-content: space-around;
        }
        .location_container >video,.location_container >iframe {
            border-radius: .5rem;
            box-shadow: var(--black) 0 .5rem 1rem;
        }
        
        .location_container >iframe {
            width: 80rem;
            margin-bottom: 0;
        }
        .location_container >video{
            width: 40rem;
            height: fit-content;
        }
    
        /* login */
    
        .login__flex{
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            text-align: center;
            margin: 4rem 0;
        }
    
        .login__right{
            width: 100%;
            padding-left: 4rem;
        }
    
        .login__flex>div>h1{
            padding: 2rem 0;
        }
    
        .login__form {
            display: flex;
            flex-direction: column;
            justify-content: left;
            text-align: left;
            padding: 0 1rem;
        }
    
        .login__form > label {
            padding: .2rem 0;
        }
    
        .login__form > input[type=text],.login__form > input[type=password] {
            padding: 1rem;
            margin-bottom: 2rem;
            text-align: left;
            border-radius: 1rem;
            box-shadow: var(--black) 0 .5rem 1rem;
        }
    
        .login__form > input[type=submit] {
            width: 20%;
        }
    
        
    
        /* portafolio */
    
        .portf__video{
            grid-template-columns: auto auto;
        }
        .portf__video>iframe{
            border-radius: 2rem;
        }
    
        .portf__grid{
            display: grid;
            grid-template-columns: auto auto auto auto;
            justify-content: center;
            gap: 4rem;
            margin: 4rem 0;
        }
    
    
    /* ver video */
    
    .ver__grid{
        grid-template-columns: auto auto;
        justify-content: space-between;
    }
    
    .ver__grid--item{
        display: flex;
        flex-direction: column;
    }
    .ver__grid--item:first-child{
        padding-right: 2rem;
    }
    .ver__grid--item>video{
        width: 100%;
        border-radius: 1rem;
        box-shadow: var(--black) 0 .1rem 1rem;
        margin: 1.5rem 0;
    }
    .ver__grid--item>div{
        margin: 1rem 0;
    }
    .ver__grid--item>div>a{
        color: var(--white);
    }
    .ver_buttons{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .ver_buttons>a{
        background-color: var(--salmon);
        border-radius: 1rem;
        box-shadow: var(--black) 0 .1rem 1rem;
        padding: 1rem 3rem;
        transition: all .5s;
        margin-top: 2.8rem;
    }
    .ver_buttons>a:hover{
        background-color: var(--gray);
        color: var(--black);
    }
    
    .ver_contenido{
        display: flex;
        flex-direction: column;
    }
    
    .ver_contenido>a{
        border-radius: 1rem;
        box-shadow: var(--black) 0 .1rem 1rem;
        background-color: var(--salmon);
        margin: .5rem 0;
        padding: 1rem;
        transition: all .5s;
    }
    .ver_contenido>a:hover{
        background-color: var(--gray);
        color: var(--black);
    }
    
    
    
        /* usuarios */
    
    
    
    .users__flex{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    .user__card{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 2rem;
        margin: 1rem 0;
        border-radius: 1rem;
        box-shadow: var(--black) 0 .5rem 1rem;
    }
    .user__card>div:last-child{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
    .user__card>div:first-child{
        padding-bottom: 0;
    }
    .user__card>div>a{
        padding: 2rem;
        margin: .2rem;
        border-radius: 1rem;
        color: var(--black);
        background-color: var(--gray);
    }
    
    
    
    
        /* FOOTER */
        footer{
            padding: 0 6rem;
        }
        .footer__flexbox{
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: baseline;
        }
        .footer__flexbox>div:nth-child(1){
            text-align: left;
        }
        .footer__flexbox>div:nth-child(1)>a{
            transition: all .5s;
        }
        .footer__flexbox>div:nth-child(1)>a:hover{
            color: var(--hover);
            padding-left: 4rem;
        }
        .footer__flexbox>div:nth-child(2)>a{
            transition: all .5s;
        }
        .footer__flexbox>div:nth-child(2)>a:hover{
            color: var(--gray);
        }
    
        .footer__flexbox>div:nth-child(3){
            text-align: right;
    
        }
        .footer__flexbox>div:nth-child(3)>a{
            transition: all .5s;
        }
        .footer__flexbox>div:nth-child(3)>a:hover{
            color: var(--gray);
            padding-right: 4rem;
        }
    
        .footer__flexbox >div>a{
            padding: .8rem 0;
        }
        
        .footer__flexbox >div>p{
            padding: .8rem 0;
        }
        
        .location{
            justify-content: right;
            align-items: right;
            background-color: var(--black);
        }
        .location >p{
            padding: .8rem 0;
            margin-right: .5rem;
        }
    
        .footer__developer{
            text-align: right;
        }
    
}