@font-face {
    font-family: 'Tektur';
    src: url('fonts/Tektur.ttf');
}

body {
    background-color: #fff;
    font-family: 'Tektur', 'Courier New', Courier, monospace;
}

.menu {
    background-color: #000;
}

.menu img {
    min-height: 15vh;
    max-height: 15vh;
}

.menu-item {
    margin: 0em 0.3em;
    font-size: 2.8vh;
}

.nav {
    margin-right: 1em;
}

.nav-link {
    color: #A9AAAA;
}

.nav-link:hover {
    color: #fff;
}

.whats {
    background-color: #008069;
    color: #fff;
}

.whats:hover {
    color: #A9AAAA;
    background-color: #008069;
}

.first-content{
    min-height: 85vh;
    max-height: 85vh;
    background: url('images/content_header.jpg') center center / cover no-repeat;
    background-position: left 15em top;
}

.lateral-content {
    flex: content;
    min-height: 85vh;
    background-color: #fff;
    min-width: 35vw;
    max-width: 35vw;
    border-radius: 0 30px 30px 0;
    flex-direction: row;
}

.lateral-content-text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    margin: 0 1.5vw 0;
}

.lateral-content h1 {
    color: #000;
    font-weight: bold;
    font-size: 3em;
    margin-top: 10vh;
}

.lateral-content p {
    font-weight: bold;
    font-size: 2em;
}

.btn-content {
    min-width: 30vw;
    min-height: 3vh;
    border: 2px solid #000;
    background-color: #A9AAAA;
    color: #000;
    text-align: center;
    text-decoration: 0;
    padding: 0.7em;
    margin-bottom: 3vh;
}

.btn-content:hover {
    border: 2px solid #000;
    background-color: #000;
    color: #fff;
}

.brands-content {
    min-height: 40vh;
    max-height: 40vh;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-top: #000 2px solid;
}

.brands-1520 {
    display: none;
}

.carousel-wrapper {
    display: flex;
    padding: 0 10em;
    margin: 5em 0;
    justify-content: space-evenly;
}

.carousel-wrapper img {
    display: flex;
    min-height: 15vh;
    max-height: 15vh;
    margin: 0 3em;
}

.carousel-control-next,
.carousel-control-prev /*, .carousel-indicators */ {
    filter: invert(100%);
}

.footer {
    min-height: 25em;
    max-height: 25em;
    background-color: #000;
    color: #A9AAAA; 
}

.footer-section {
    width: 100%;
    height: 100%;
}

.container-wrapper {
    width: 100%;
    height: 100%;
}

.container-wrapper .row {
    padding-top: 5em;
}

.footer-logo img {
    height: 15vw;
    max-height: 15em;
    width: 15vw;
    max-width: 15em;
    display: block;
}

.footer-contact .contact-list .list-item {
    text-align: justify;
    margin-bottom: 1em;
}

.footer-contact .contact-list {
    display: flex;
    flex-direction: column;
    min-height: 15em;
    justify-content: center;
}

.media-container-wrapper {
    display: flex;
    flex-direction: column;
    min-height: 15em;
    margin-left: 4em;
    justify-content: center;
}

.social-list {
    display: flex;
    justify-content: center;
}

.soc-item {
    margin: 1em;
}

.social-media {
    margin-top: 3em;
}

.soc-item span {
    color: #A9AAAA;
    fill: #A9AAAA;
}

.soc-item a {
    text-decoration: none;
}

.about {
    min-height: 50.5em;
    max-height: 50.5em;
    background: url('images/m3_gtr.jpg') center center / cover no-repeat;
}

.about-container {
    min-height: 30em;
    max-height: 30em;
    min-width: 60em;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 15px;
}

.about-container-wrapper {
    display: flex;
    justify-content: center;
    flex-direction: row;
    min-height: 50.5em;
}

.about-container-wrapper .row {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.about-container h2 {
    margin-top: 1em;
    margin-bottom: 1em;
    font-size: 5vh;
    color: #000;
    font-weight: bold;
    text-align: center;
    opacity: 1;
}

.about-container p {
    font-weight: bold;
    font-size: 4vh;
    text-align: center;
    opacity: 1;
}

.products {
    min-height: 60em;
    max-height: 60em;
    background: url('images/engine_v10.jpg') center center / cover no-repeat;
    display: flex;;
    justify-content: center;
    flex-direction: column;
}

.products-container-wrapper {
    min-height: 50em;
    max-height: 50em;
    min-width: 60em;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 15px;
}

.products-container-wrapper .products-row {
    min-height: 50em;
    max-height: 50em;
    display: flex;
}

.products-row .col {
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
}

.products-row .col .row {
    text-align: center;
}

.products-row .col-icon {
    max-width: 5em;
}

@media (max-width: 1520px) {

    .menu {
        min-height: 10vw;
        max-height: 10vw;
    }

    .menu-item {
        margin: 0vw 0.3vw;
        font-size: 2vw;
    }

    .menu img {
        min-height: 8vw;
        max-height: 8vw;
    }

    .carousel-wrapper {
        padding: 0 10em;
        margin: 5em 0;
    }
    
    .carousel-wrapper img {
        min-height: 15vh;
        max-height: 15vh;
        margin: 0 3em;
    }

    .brands-full {
        display: none;
    }

    .brands-1520 {
        display: flex;
    }

}

@media (max-width: 770px) {

    .menu {
        min-height: 15vh;
        max-height: 15vh;
        flex-direction: row;
    }

    .menu-item {
        margin: 0;
        font-size: 2.1vw;
        max-width: 24vw;
        min-width: 24vw;
        max-height: 8vw;
        min-height: 8vw;
        text-align: center;
        padding: 0;
    }

    .menu img {
        margin: 0;
        min-height: 20vw;
        max-height: 20vw;
    }

    .nav {
        margin-right: 0;
        max-height: 8vw;
        min-height: 8vw;
    }

    .nav-link {
        max-height: 8vw;
        min-height: 8vw;
    }

    .first-content {
        max-height: 78vh;
        min-height: 78vh;
        background-position: left -25em top;
        display: flex;
        justify-content: center;
    }

    .lateral-content {
        max-height: 60vh;
        min-height: 60vh;
        max-width: 30vh;
        max-width: 30vh;
        border-radius: 30px;
        margin-top: 7.5vh;
        padding: 3vw;
    }

    .lateral-content-text {
        margin: 0 1.5vw 0;
    }
    
    .lateral-content h1 {
        text-align: center;
        font-size: 2em;
        margin-top: 10vh;
    }
    
    .lateral-content p {
        text-align: center;
        font-weight: bold;
        font-size: 1.5em;
    }

    .btn-lateral {
        display: flex;
        justify-content: center;
    }

    .btn-content {  
        min-width: 56vw;
        max-width: 56vw;
        min-height: 3vh;
        padding: 0.7em;
        margin-bottom: 3vh;
    }

    .carousel-wrapper {
        padding: 0 5em;
        margin: 5em 0;
    }
    
    .carousel-wrapper img {
        min-height: 10vh;
        max-height: 10vh;
        margin: 0 1em;
    }

    .brands-full {
        display: none;
    }

    .brands-1520 {
        display: flex;
    }

    .footer-logo img {
        height: 15vh;
        max-height: 15em;
        width: 15vh;
        max-width: 15em;
        display: block;
    }
    
    .footer-contact .contact-list .list-item {
        text-align: justify;
        margin-bottom: 1em;
    }
    
    .footer-contact .contact-list {
        display: flex;
        flex-direction: column;
        min-height: 15em;
        font-size: 1vh;
    }

    .footer-social {
        text-align: justify;
        font-size: 1vh;
        padding-left: 20vh;
    }

    .social-list {
        justify-content: left;
    }

    .about {
        min-height: 80vh;
        max-height: 80vh;
    }
    
    .about-container {
        min-height: 60vh;
        max-height: 60vh;
        min-width: 90vw;
        max-width: 90vw;
    }
    
    .about-container-wrapper {
        min-height: 80vh;
    }
    
    .about-container h2 {
        margin-top: 1em;
        margin-bottom: 1em;
        font-size: 3vh;
    }
    
    .about-container p {
        font-size: 2vh;
    }

    .products {
        min-height: 100vh;
        max-height: 100vh;
        justify-content: center;
        flex-direction: column;
    }

    .products h2 {
        font-size: 2.5vh;
    }

    .products p {
        font-size: 1.5vh;
    }
    
    .products-container-wrapper {
        min-height: 90vh;
        max-height: 90vh;
        min-width: 80vw;
        max-width: 80vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
    .products-container-wrapper .products-row {
        min-height: auto;
        max-height: auto;
        display: block;
    }

    .product-about {
        display: none !important;
    }
    
    .products-row .col {
        display: block;
    }
    
    .products-row .col .row {
        text-align: center;
        margin: 2vh;
    }
    
    .products-row .col-icon {
        max-width: 5em;
        display: none;
    }

}