/* Portrait and Landscape */
@media (max-width: 767px) {
    html, * html {
        margin: 0 !important;
        -webkit-text-size-adjust: 100%;
        width: 100%;
        height: 100%;
    }

    p, a, body, td, tr, div, section, article, aside, footer, iframe, img, input, h1, h2, h3, h4, h5, h6 {
        text-rendering: optimizeLegibility;
        box-sizing: border-box;
    }

    input {
        -webkit-appearance: none;
        -webkit-border-radius: 0;
    }

    body {
        margin: 0;
        -webkit-font-smoothing: subpixel-antialiased;
        overflow-x: hidden;
        text-rendering: optimizelegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        height: 100%;
        background-image: none;
    }

    /*MENU*/
    #menu {
        display: none;
    }
    #barra #redes {width: 100%;margin-bottom: 20px;padding-left: 0px;}

    /*HEADER*/
    #header {
        width: 100%;
        height: 800px;
        background-image: url(images/header.png);
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover;
        float: none;
        margin-bottom: 20px;
        margin-bottom: -320px;
    }

    #content {
        width: 90%;
        margin: 0px auto;
    }
    #welcome, #redesdjbr {width: 100%;margin-left: 0px;}
    #redesdjbr a {
    display: inline-block;
    margin: 0px auto;
    margin-top: 20px;
    margin-right: 20px;
    float: none;
}
#aa {width: 100%;}
    #disclaimer {width: 100%;}
    #redesf {width: auto; float: none; display: table; margin: 0px auto; margin-bottom: 20px;}
    #slide #post #c {width: 100%;height: 300px;}
    #slide #post #cc {width: 100%;border-left: 1px rgba(0,0,0,0.05) solid;}
    #redesdjbr a:nth-child(2) {margin-right: 20px;}
    #slide, #albunst, #albuns, #slideat, #postsi {width: 100%;height: auto;}
    #segunda-coluna, #lermais, #dj #bio, #dj #projetos, #igs, #teatime, #postsi #post {width: 100%;}
    #noticias-relacionadas #post {width: calc(100% / 2 - 10px);}
    #noticias-relacionadas #post:nth-child(3n) {margin-right: 0px;}
    
    /*FOOTER*/
    #footer {
        /* padding: 30px; */
    }

    #footer #ad {
        display: none;
    }

    /*SINGLE*/
    #posts {
        width: 100%;
    }

    /*SIDEBAR*/
    #sidebar {
        width: 100%;
    }

    /*ANUNCIO*/
    #anuncio {
        display: none;
    }

    #ad {
        display: none;
    }

    /*MENU*/
    #menum {
        display: block;
        margin: 0px auto;
        width: 90%;
        margin-bottom: 20px;
    }

    /*Make dropdown links appear inline*/
    #menum ul {
        position: static;
        display: none;
    }

    /*Create vertical spacing*/
    #menum li {
        margin-bottom: 1px;
    }

    /*Make all menu links full width*/
    #menum ul li, li a {
        width: 100%;
    }

    /*Display 'show menu' link*/
    #menum .show-menu {
        display: block;
    }
}

@media (min-width: 768px) and (max-width: 1039px) {
    html, * html {
        margin: 0 !important;
        -webkit-text-size-adjust: 100%;
        width: 100%;
        height: 100%;
    }

    p, a, body, td, tr, div, section, article, aside, footer, iframe, img, input, h1, h2, h3, h4, h5, h6 {
        text-rendering: optimizeLegibility;
        box-sizing: border-box;
    }

    input {
        -webkit-appearance: none;
        -webkit-border-radius: 0;
    }

    body {
        margin: 0;
        -webkit-font-smoothing: subpixel-antialiased;
        overflow-x: hidden;
        text-rendering: optimizelegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        height: 100%;
        background-image: none;
    }

    /*MENU*/
    #menu {
        display: none;
    }

    /*HEADER*/
    #header {
        width: 100%;
        height: 500px;
        background-image: url(images/header.png);
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover;
        float: none;
        margin-bottom: 20px;
    }

    #content {
        width: 90%;
        margin: 0px auto;
    }

       #welcome, #redesdjbr {width: 100%;margin-left: 0px;}
    #redesdjbr a {
    display: inline-block;
    margin: 0px auto;
    margin-top: 20px;
    margin-right: 20px;
    float: none;
}
    
    #slide, #albunst, #albuns, #slideat, #postsi {width: 100%; }
    #segunda-coluna, #lermais, #dj #bio, #dj #projetos, #igs, #teatime, #postsi #post {width: 100%;}
    #noticias-relacionadas #post {width: calc(100% / 2 - 10px);}
    #noticias-relacionadas #post:nth-child(3n) {margin-right: 0px;}

    /*ANUNCIO*/
    #anuncio {
        display: none;
    }

    #ad {
        display: none;
    }

    /*MENU*/
    #menum {
        display: block;
        margin: 0px auto;
        width: 90%;
        margin-bottom: 20px;
    }

    /*Make dropdown links appear inline*/
    #menum ul {
        position: static;
        display: none;
    }

    /*Create vertical spacing*/
    #menum li {
        margin-bottom: 1px;
    }

    /*Make all menu links full width*/
    #menum ul li, li a {
        width: 100%;
    }

    /*Display 'show menu' link*/
    #menum .show-menu {
        display: block;
    }

    /*SINGLE*/
    #posts {
        width: calc(70% - 20px);
    }

    /*SIDEBAR*/
    #sidebar {
        width: 30%;
    }
}

@media (min-width: 1024px) and (max-width: 1049px) {
}

@media (min-width: 1050px) and (max-width: 1365px) {
}