﻿:root {
    --orange: #FF8940;
}

#background-video {
    position: fixed;
    z-index: -1;
}

main {
    color: #FFFFFF;
}

b {
    font-weight: bold;
}



.main-slogan {
    font-family: Lato, Roboto, Arial, Helvetica, sans-serif;
    font-size: 1.25em;
    font-weight: 100;
}

main h1 {
    font-family: Lato, Roboto, Arial, Helvetica, sans-serif;
    font-size: 2em;
    line-height: 110%;
    letter-spacing: 0.17em;
    text-transform: uppercase;
}


main h2 {
    font-family: Bebas Neue, Roboto, Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    line-height: 110%;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

main h3 {
    font-family: Lato, Roboto, Arial, Helvetica, sans-serif;
    font-size: 1.75em;
    line-height: 2.375em;
    letter-spacing: 0.01em;
    text-transform: uppercase;
}

.main-info {
    font-family: Lato, Roboto, Arial, Helvetica, sans-serif;
    font-size: 1.125em;
    line-height: 22px;
    letter-spacing: 0.02em;
}



.btn-orange {
    border: 4px solid var(--orange);
    box-sizing: border-box;
    box-shadow: 0px 4px 17px 10px rgba(224, 128, 38, 0.13);
    border-radius: 70px;
    padding: 1rem 2rem;
}

.btn-orange:hover, .btn-orange:focus {
    color: white;
    background-color: var(--orange);
    outline: 0;
    box-shadow: none;
    transition: all 1s;
}

.main-solutions{
    color: white;
    text-transform: uppercase;
}

.border-right-orange {
    border-right: 1px solid var(--orange);
}

.border-left-orange {
    border-left: 1px solid var(--orange);
}




footer .container-fluid {
    background-color: #3F3F3F;
}

footer p {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    margin-bottom: 0;
    color: white;
}

@media (max-width: 992px) {
    .border-right-orange {
        border: none;
    }

    .border-left-orange {
        border: none;
    }
}

@media (min-aspect-ratio: 16/9) {
    #background-video {
        width: 100%;
        height: auto;
    }
}

@media (max-aspect-ratio: 16/9) {
    #background-video {
        width: auto;
        height: 100%;
    }
}
