/**************************** FOOTER *****************************/
.footer {    
    position: relative;   
    font-size: 0.9em;
    color: #444;
    display: block;
    margin-top: 10px;
    min-width: 1050px;
}
    .footer .content-footer {    
        position: relative;
        padding: 2% 12%;
        margin: 8px 0px;
        background: #fff;
        box-shadow: 0px 1px 4px #bbb;
        min-width: 500px
    }
    .footer .content-footer p{
        text-align: center;
    }
    .footer .content-footer .logo-corinthians {
        display: inline-block;
        border: 0px;
        width: 8%;
        max-width: 333px;
        vertical-align: middle;
        margin: 0 auto;
    }
    
    .footer .content-footer .logo-arena-corinthians {
        display: inline-block;
        border: 0px;
        width: 11%;
        margin: 0px 1%;
        vertical-align: middle;

    }
    .footer .content-footer .logo-omni {
        display: inline-block;
        border: 0px;
        width: 9%;
        margin: 10px 1%;
        vertical-align: middle;
    }
    .footer .content-footer .icones {  
        width: 39%;  
        text-align: right;
    }
    .footer .content-footer .texto {  
        width: 60%;  
        text-align: justify; 
    }
    .atendimento {
        text-align: left;
        display: block;
        float: right;
        margin-top: 15px;
    }
    .atendimento span{
        display: inline-block;
        vertical-align: middle;
        text-align: left;
    }
    .atendimento a {
        font-size: 1.2em;
        font-family: bold;
        
        color: #000;

    }
    .atendimento a:hover {
        text-decoration: none;

    }
     .atendimento img{
        display: inline-block;
        width: 40px;
        vertical-align: middle;
        margin-right: 5px;
        
    }
    .twitter,
    .facebook,
    .youtube,
    .instagram  {
        display: inline-block;
        border: 0px;
        width: 14%;
        margin: 0px 0px 0px 0px;
        vertical-align: top;
        -webkit-border-radius: 5px 5px 5px 5px;
        -moz-border-radius: 5px 5px 5px 5px;
        border-radius: 5px 5px 5px 5px;       
        float: right
    }
    .footer .content-footer .iframe {
        float: right;
        margin-top: 10px;
    }
@media only screen and (max-device-width : 700px), screen and (max-width : 568px) {
    .footer {
        min-width: 100%;
    }
    .footer .content-footer {    
        position: relative;
        padding: 5% 5%;
        margin: 8px 0px;
        background: #fff;
        box-shadow: 0px 1px 4px #bbb;
        min-width: 90%;
        width:  90%;
    }


    .footer .content-footer .logo-corinthians {
        display: inline-block;
        border: 0px;
        width: 23%;
        max-width: 333px;
        vertical-align: middle;
        margin: 0 auto;
    }
    
    .footer .content-footer .logo-arena-corinthians {
        display: inline-block;
        border: 0px;
        width: 25%;
        margin: 0px 1%;
        vertical-align: middle;

    }
    .footer .content-footer .logo-omni {
        display: inline-block;
        border: 0px;
        width: 25%;
        margin: 10px 1%;
        vertical-align: middle;
    }
    .footer .content-footer .icones {  
        width: 100%;  
        text-align: center;
    }
    .footer .content-footer .texto {  
        width: 100%;  
        text-align: justify; 
    }
    .atendimento {
        text-align: center;
        margin-top: 15px;
        float: none;
    }
    .twitter,
    .facebook,
    .youtube,
    .instagram  {
        display: inline-block;
        border: 0px;
        width: 20%;
        margin: 25px 1% 10px 1%;
        vertical-align: top;
        -webkit-border-radius: 5px 5px 5px 5px;
        -moz-border-radius: 5px 5px 5px 5px;
        border-radius: 5px 5px 5px 5px;       
        float: none;
    }

}


@media only screen and (max-device-width : 700px) and (orientation : landscape) {
    .footer {
        min-width: 100%;
    }
    .footer .content-footer .logo-corinthians {
        width: 333px;
    }
    
    .footer .content-footer .twitter,
    .footer .content-footer .facebook  {
        width: 35px;
        
    }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    .footer {
        min-width: 100%;
    }
    .footer .content-footer .logo-arena-corinthians {
        display: inline-block;
        border: 0px;
        width: 35%;
        margin: 0px 1%;
        vertical-align: middle;
        float: right;

    }
    .footer .content-footer .logo-omni {
        display: inline-block;
        border: 0px;
        width: 15%;
        margin: 10px 1%;
        float: right;
        vertical-align: middle;
    }       
}