


/* largura 1280px */


@media only screen and (max-width: 479px) {
    div[class^="col-xs"], article.col-xs-6 {
        width: 100%;
    }
}
@media (min-width: 768px) {
    div.container {
        width: 80%;
    }
}
@media (min-width: 1140px) {
    div.container {
        width: 80%;
    }
}
@media (min-width: 1260px) {
    div.container {
        width: 1260px;
    }
}




/*
   CUSTOM  
*/


/* Smaller than standard 1120px (devices and browsers) */
@media only screen and (max-width: 1120px) {
}
/* Tablet Portrait size to standard 1120px (devices and browsers) */
@media only screen and (min-width: 960px) and (max-width: 1120px) {
}
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) { 
    .neslatterTxt span{
        margin-bottom: 30px;
        text-align: center;
    }

    .wrapper {
        display: block;
    }
    .neslatterTxt > div:first-child span::before{
        display: block;
        float: unset;
        text-align: center;
        margin-bottom: 15px;
    }
    .min-header .min-extension-header h1{
        width: 100%; 
    }
    .min-header .min-extension-header > div{
        width: 100%;
    }
    .min-header h1.logo img{
        opacity: 1;
    }
    .min-header h1.logo::before{
        display: none;
    }
    .min-header .min-extension-header{
        display: block;
    }
    .header.min-header{
        height: 215px;
    }
    .min-header h1.logo {
        margin-top: 15px;
    }

    .min-header .min-extension-header > div{
    width: 5% !important;
}
.min-header .min-extension-header h1{
    width: 90% !important;
    margin-bottom: 0;
    margin-top: 0;
}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    .txt-header span:nth-child(2){
        font-size: 24px;
    }
    .txt-header span{
        font-size: 17px;
    }
    .min-header h1.logo {
        margin-top: 30px;
    }
}


















/*
    'PADRÃ•ES' EM RESPONSIVEL 
*/

/* Smaller than standard 1120px (devices and browsers) */
@media only screen and (max-width: 1120px) {
}
/* Tablet Portrait size to standard 1120px (devices and browsers) */
@media only screen and (min-width: 960px) and (max-width: 1120px) {
}
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    /* padrÃµes */
    .menu-nav{
        display: block;
        visibility: visible;
    }
    .menu-static{
        display: none;
        visibility: hidden; 
    }
    
    .flex-center,
    .flex-between{ 
        display: block;
    }
    
    .conteudoINDEX > div > div > div > div{
        margin: 5px 0;
    }
    .conteudoINDEX > div > div > div{
    }
    .conteudoINDEX > div > div{
        margin: 20px 0;
    }
    .conteudoINDEX > div{
        margin: 20px 0;
    }
    
    
    .footer .artemsiteLogo{
        width: 200px;
        margin: 50px auto 20px;
        float: none;
        display: block; 
    }
    .footer .copy > span{
        width: 100%;
        text-align: center;
    }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
}

 