@font-face {
    font-family: "Lato"; font-weight: normal; src: url('../typography/Lato-Regular.ttf');
}

@font-face {
    font-family: "Poppins"; font-weight: normal; src: url('../typography/Poppins-SemiBold.ttf');
}

body {
    font-family: "Lato";
}

.custom-navbar {
    justify-content: end;
}

.home-bg {
    background-color:rgb(255, 255, 255);
    color: #000000;
}

.main-img {
    max-width: 500px;
    min-width: 50px;
    width: 5vw;
}

.main-bg {
    background-image: url("../img/tatia/background_2.svg");
    background-size: cover;
    background-position: center;
    z-index: 0;
    height: 70vh;
}

.principal {
    text-align: center !important;
    height: 70vh;
    padding-top: 40vh;
}

@media (max-width: 900px) {
    .principal {
        text-align: center !important;
        height: 70vh;
        padding-top: 20vh;
    }
  }
  

h1 {
    width: 100%;
    text-align: center;
    font-size: clamp(35px, 6vw, 110px);
    color: #000000;
    font-family: "Poppins";
}

h2 {
    width: 100%;
    text-align: center;
    font-size: clamp(20px, 4vw, 80px);
    color: rgb(0, 0, 0);
    font-family: "Poppins";
}

h3 {
    width: 100%;
    text-align: center;
    font-size: clamp(15px, 2.5vw, 40px);
    color: rgb(0, 0, 0);
    font-family: "Poppins";
}

h4 {
    width: 100%;
    text-align: center;
    font-size: clamp(30px, 2.5vw, 80px);
}

h5 {
    width: 100%;
    text-align: center;
    font-size: clamp(25px, 2.5vw, 35px);
}

.nav-logo {
    max-height: 40px;
}



.parallax {
    background-image: url("../img/tatia/background_2.svg");

    min-height:35vh;
    width:100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.card-width {
    width: 18rem;
    max-width: 180px;
}

.custom-card {
    background-color: #a6f1d0 !important;
    color: #000000;
    max-width: 320px;
}

.card-title {
    color:#2e2e2e
}

.card-text {
    color:#3d3d3d
}
.services {
    margin-top: 3vh;
}

.services-svg {
    margin: 2vh;
}

.contact {
    margin-top: 6vh;
    padding-top: 2vh;
    padding-bottom: 2vh;
    background-color: #5CD79F;
    color: rgb(0, 0, 0);
}

a.wsp-btn {
    height: auto;
    max-width: 290px;
    padding: 1px 6px;
    border: 1px;
    border-radius: 8px;
    background-color: #54B07CD1;;
    text-decoration: none;
}

.qr-wsp {
    width: auto;
    max-width: 100%;
    max-height: 290px;
    margin-top: 3vh;
    border-radius: 1vh;
}

.cat-img {
    width: auto;
    max-width: 100%;
    max-height: 500px;
}

.footer {
    background-color: rgb(0, 0, 0) !important;
    width: 100%;
    color: #c4c3c4ff;
    
}

.footer-img {
    width: 40vw;
    min-width: 300px;
}


.presentation-svg {
    filter: grayscale(100%);
    margin: 2vh;
    width: 15vw;
    height: 30vh;
    min-height: 200px;
    min-width: 180px;
    object-fit: cover;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    object-position: 50% 0%;
}

.nosotros {
    margin-top: 2vh;
}

.presentation-text {
    text-align: center;
}