/*General*/
:root {
    --navbar-height: 100px;
    --footer-min-height: 100px;
}

html {
    font-size: 14px;
    position: relative;
    min-height: 100%;
    max-width: 100vw;
    overflow-x: clip;
}

@media (max-width: 768px) {
    html {
        font-size: 14px;
    }
}

body {
    min-height: 100vh;
    max-width: 100vw;
    overflow-x: clip;
    font-family: "Quicksand", sans-serif !important;
    font-weight: 400;
}

h6 {
    text-transform: uppercase;
    font-weight: 500;
    font-family: "Afacad";
}

.font-serif {
    font-family: "Cormorant Garamond", serif !important;
    font-weight: 600;
}

.container-fluid {
    margin: 0px !important;
    padding: 0px !important;
}

.container-fluid {
    margin: 0px !important;
    padding: 0px !important;
}

.btn {
    font-family: "Afacad"!important;
    text-transform: uppercase!important;
}


.text-xxl {
    font-size: 6rem;
}

.text-xl {
    font-size: 4.5rem;
}

.text-l {
    font-size: 3rem;
}

.text-m-2 {
    font-size: 2rem;
}

.text-m {
    font-size: 1.5rem;
}

.text-s-2 {
    font-size: 1.67rem;
}

.text-s {
    font-size: 1.2rem;
}

@media(max-width: 991px) {
    .text-xxl {
        font-size: 4.5rem;
    }

    .text-xl {
        font-size: 3rem;
    }

    .text-l {
        font-size: 2.8rem;
    }

    .text-m-2 {
        font-size: 1.5rem;
    }

    .text-m {
        font-size: 1.25rem;
    }

    .text-s-2 {
        font-size: 1rem;
    }

    .text-s {
        font-size: 1rem;
    }
}

@media(max-width: 768px) {
    .text-xxl {
        font-size: 4rem;
    }

    .text-xl {
        font-size: 2.75rem;
    }

    .text-l {
        font-size: 2rem;
    }

    .text-m-2 {
        font-size: 1.75rem;
    }

    .text-m {
        font-size: 1.5rem;
    }

    .text-s-2 {
        font-size: 1.25rem;
    }

    .text-s {
        font-size: 1.15rem;
    }
}


.element-animation-box {
    position: relative;
}

.element-animation-box .animation {
    -webkit-transition: transform 1s ease-in-out, opacity 1s ease-in-out;
    -moz-transition: transform 1s ease-in-out, opacity 1s ease-in-out;
    -o-transition: transform 1s ease-in-out, opacity 1s ease-in-out;
    transition: transform 1s ease-in-out, opacity 1s ease-in-out;
}

.element-animation-box .slide-in-bottom {
    transform: translateY(100px);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    position: relative;
}

.element-animation-box.activated .slide-in-bottom {
    transform: translateY(0px);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.element-animation-box .fade-in {
    transform: scale(0.99);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    position: relative;
}

.element-animation-box.activated .fade-in {
    transform: scale(1);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}