/*
============= ÍNDICE =============
1. Geral
2. Header
3. Footer
4. Home
X. Media Queries
==================================
*/

/* ============= 1. Geral ============= */

    .container {
        width: 100%;
        padding: 0 40px;
    }

/* ============= 2. Header ============= */

    header nav.mobile-only {
        display: block;
    }

    .mobile-nav .button,
    .mobile-nav .lang {
        display: none;
    }

    header .lang ul {
        top: 0;
    }

    header .lang .icon {
        top: 5px;
    }

    header nav li.button a {
        margin-left: 15px;
        margin-right: 0;
    }

    header nav li .menu {
        margin-left: 15px;
    }

/* ============= 3. Footer ============= */

     /* TODO: Adicionar estilos referentes ao footer p/ tablets aqui */

/* ============= 4. Home ============= */

    #quem-somos .container .title {
        margin-top: 120px;
        font-size: 58px;
        line-height: 60px;
    }

    #quem-somos .container .subtitle {
        font-size: 18px;
        line-height: 28px;
    }

    #quem-somos .roleta .itens .item {
        width: 264px;
        height: auto;
    }

    #quem-somos .roleta {
        width: 90%;
        margin: 0 auto;
    }

    #quem-somos .roleta .setas {
        top: 75px;
    }

    #quem-somos .container .title {
        margin-top: 90px;
        font-size: 48px;
        line-height: 50px;
    }
    
    #quem-somos .roleta .itens .item {
        width: 192px;
    }
    
    #quem-somos .roleta .setas {
        top: 50px;
    }

    #onde .content {
        width: 100%;
    }

    #onde select.dumb {
        width: 100%;
    }

    #onde .dumb_select {
        width: auto;
    }

    #onde .container {
        background-image: none;
    }

    #onde .title,
    #onde .subtitle {
        text-align: center;
    }

    #onde .content .locations .title {
        text-align: left;
    }

    #produtos .wrapper-tabs .tabs .tab-box .image {
        top: 75px;
        right: 35px;
        width: 253px;
        height: 253px;
    }

    #produtos .wrapper-tabs .tabs .tab-box .tab-content {
        padding: 75px 35px 0 35px;
    }

    #produtos .wrapper-tabs .tabs {
        width: 100%;
    }

    #produtos .wrapper-tabs {
        box-shadow: none;
    }

    #produtos .wrapper-tabs .tabs .tab-box p {
        width: 55%;
    }

/* ============= X. Media Queries ============= */

    @media (max-width: 991px) {

        footer {
            text-align: center;
        }

        footer .blue {
            padding: 70px 0 40px 0;
        }

        footer .address {
            text-align: left;
            width: calc(100% - 300px);
        }

        footer .contato {
            display: inline-block;
            float: none;
            margin: 80px auto 0 auto;
            width: 100%;
        }

        footer .social{
            margin: 50px auto 0;
        }

        footer .logo img {
            margin-top: 0;
        }

        #produtos .wrapper-tabs .tabs .tab-box p {
            width: 333px;
        }

        #produtos .wrapper-tabs .tabs .tab-box .actions .button {
            width: 100%;
            height: 70px;
            padding-top: 25px;
        }
    
    }