body {
    font-family: 'Ubuntu', sans-serif;

}

.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.bg-light {
    background-color: rgba(221, 221, 221, 0.63) !important;
}

.toggler-active {
    transform: rotate3d(1, 0, 0, 180deg);
}

.fa-caret-down:before {
    color: #222;
    outline-color: #222;
}

.navbar-light .navbar-nav .nav-link.active {
    color: white;
}

.navbar-light .navbar-nav .nav-link {
    color: #555;
}

.navbar-light .navbar-toggler {
    border-color: #777;
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link {
    transition: .3s;
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: aliceblue;
}


#home-section .overlay {
    background: url(../img/pexels-photo-811107.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    min-height: 100vh;
    max-width: 1400px;
    width: 100%;
    opacity: 0.7;
}

div.container.col.text-white.text-justify.py-5 {
    max-width: 100% !important;
}


div.home-inner div.slogans {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    margin: auto;
    text-shadow: 0 5px 8px black;
    letter-spacing: 10px;
    font-family: 'Oswald';
    color: white;
}

div.home-inner div.slogans>h1 {
    top: 50%;
    left: 50%;
    font-size: 77px;
    animation: animateSlogan 5s ease;
}

div.home-inner div.slogans>h2 {
    top: 50%;
    left: 50%;
    font-size: 53px;
    animation: animateSloganLittle 5s ease;
}


.img-fluid {
    width: auto !important;
    padding: 0 !important;
    height: 70px !important;
}

.navbar-dark .navbar-nav .nav-link {
    font-size: 1.4rem;
    color: black;
}

button.btn.btn-outline-white:hover {
    background: #fff;
    color: rgba(0, 123, 255, 1);
}

@keyframes animateSlogan {
    0% {
        transform: translate(-18%, 0%);
        opacity: 0;
    }

    80% {
        transform: translate(1%, 0%);
        opacity: .8;
    }

    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes animateSloganLittle {
    0% {
        transform: translate(18%, 0%);
        opacity: 0;
    }

    80% {
        transform: translate(-1%, 0%);
        opacity: .8;
    }

    100% {
        transform: translate(0%, 0%);
        opacity: 1;
    }
}

@media (max-width: 1024px) {
    div.home-inner div.slogans {
        letter-spacing: 8px;
    }

    div.home-inner div.slogans>h1 {
        font-size: 77px !important;
    }

    div.home-inner div.slogans>h2 {
        font-size: 42px !important;
    }
}

@media (max-width: 992px) {
    a.col-lg-3.pr-0 {
        padding-right: 15px !important;
    }

    img.img.col-sm-12.h-100.pr-0 {
        padding-right: 15px !important;
    }
}

@media (max-width: 768px) {
    div.home-inner div.slogans>h1 {
        font-size: 66px !important;
    }

    div.home-inner div.slogans>h2 {
        font-size: 31px !important;
    }
}

@media (max-width: 414px) {
    div.home-inner div.slogans {
        letter-spacing: 4px;
    }

    div.home-inner div.slogans>h1 {
        font-size: 32px !important;
    }

    div.home-inner div.slogans>h2 {
        font-size: 22px !important;
    }
}

@media (max-width: 360px) {
    div.home-inner div.slogans {
        letter-spacing: 3px;
    }

    div.home-inner div.slogans>h1 {
        font-size: 32px !important;
    }

    div.home-inner div.slogans>h2 {
        font-size: 22px !important;
    }
}

@media (max-width: 320px) {
    div.home-inner div.slogans {
        letter-spacing: 2px;
    }

    div.home-inner div.slogans>h1 {
        font-size: 32px !important;
    }

    div.home-inner div.slogans>h2 {
        font-size: 22px !important;
    }

    .modal .modal-content .modal-body span {
        font-size: 14px !important;
    }

    div.col.text-white.text-justify.py-5 h5 {
        font-size: 18px !important;
    }
}