*{
    font-family: "Inter", sans-serif;
}
.main{
    
    width: 100%;
    background-image: linear-gradient(to right, rgba(0, 0, 0, .8) 10% , rgba(255, 255, 255, .0)), url(../images/its-dilman-U0ahbhEeUdE-unsplash.jpg);
    padding: 80px ;
    background-repeat: no-repeat;
	background-size: cover;
}
.servicios,.main{
    height: 100dvh;
}
.logo{
    height: 91px;
    position: relative;
    left: -50px;
}
.landing-title{
    font-size: 96px;
    font-style: italic;
    font-weight: 900;
}
.h2langing{
    font-size: 40px;
}
.planding{
    font-size: 24px;
}
.btn-danger{
    height: 50px;
    background-color: #CC309D!important;
    border-color: #CC309D!important;
    color:#FFF!important;
    align-content: center;
    width: 303px;
    text-align: left;
    font-size: 20px;
    font-weight: bolder;
}
.gvermas{
    font-size: 40px;
    font-style: italic;
    text-decoration:  none;
}
.loginbutton{
    height: 40px;
    padding:0 20px;
    align-content: center;
    background-color: #ffffff;
    color: #000000;
    font-style: italic;
    font-weight: bold;
    border-radius: 3px;
    display: block;
}
.text-success{
    color: #12ED3A!important;
}
.servicios__box__title{
    height: 20%;
}
.servicios__box__info{
    height: 80%;
}
.bg-rosa{
    background-color: #CC309D;
}
.col-sm-6{
    height: 50%;
    padding: 40px;
    align-content: center;
}
.desktopnavimg{
    height: 320px;
}
.bg-amarillo{
    background-color: #FFEB0D;
}
.amarillo{
    color: #FFEB0D;
}
.rosado{
    color:#CC309D ;
}
footer{
    background-color: #000000;
}
.copy{
    font-size: 13px;
}
@media (max-width:985px){
    .landing-title{
        font-size: 76px;
        font-weight: 900;
    }
    .h2langing{
        font-size: 30px;
    }
    .planding{
        font-size: 19px;
    }
}
@media (max-width:767px){
    .logo{
        height: 75px;
    }
    .landing-title{
        font-size: 56px;
        font-weight: 900;
    }
    .h2langing{
        font-size: 20px;
    }
    .planding{
        font-size: 16px;
    }
}

@media (max-width:620px){
    .logo{
        height: 45px;
        left: -35px;
    }
    .landing-title{
        font-size: 36px;
        font-weight: 900;
    }
    .h2langing{
        font-size: 16px;
    }
    .planding{
        font-size: 14px;
    }
    .main{
        padding: 20px !important;
    }
    .loginbutton{
        font-size: 12px !important;
        padding: 0 10px;
    }
    .btn-danger{
        font-size: 16px;
        font-weight: normal;
    }
}