/* Medias Queries */
@media screen and (max-width: 1366px){
    #box-html{
        padding: 0 20px;
    }
    #lista-html{
        padding-top: 0; padding-bottom: 0;
    }
    #item-html{
        padding-bottom: 0;
    }
    #CodeMirrorQuerie{
        height: 465px;
    }
    .nav-tag{
        border-radius: 10px;
    }
    .header-tag{
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }
    .article-tag{
        border-radius: 20px;
    }
    .footer-tag{
        border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;
    }
    #faleconosco img{
        margin-top: 40%;
        margin-right: 19%;
    }
    #table{
        text-align: center;
    }
    #css img{
        margin-top: 25%;
        margin-right: 19%;
    }
    #inline img{
        margin-top: 0%;
        max-width: 50px;
    }
    #interno img{
        margin-top: 18%;
    }
    #externo img{
        margin-top: 6%;
    }
    #classid img{
        margin-top: 14%;
    }
    #menu img{
        margin-top: -0.5%;
        max-width: 50px;
    }
    #linkMenu img{
        margin-top: 16%;
    }
    #classes img{
        margin-top: 5.7%;
        max-width: 50px;
    }
    #seletor img{
        margin-top: 15%;
    }
    #pasta img{
        margin-top: 40%;
    }
    #name-vsc img{
        margin-top: 11%;
        margin-right: 19%;
    }
    #css-html img{
        margin-top: -2%;
        max-width: 30px;
    }
    #sizes img{
        margin-top: -2%;
        max-width: 30px;
    }
    #pp img{
        margin-top: 0.5%;
        max-width: 40px;
    }
    #style img{
        margin-top: 5.5%;
        margin-left: 23%;
    }
    #slide2-style{
        margin-top: 11%;
    }
    #style-slide img{
        margin-top: 22%;
        margin-right: 19%;
    }
    #joystick{
        margin-top: 22.5%;
    }
    #div-fontfamily{
        margin-top: 12%;
    }
    #fontfamily img{
        margin-top: 4%;
        max-width: 50px;
    }
    #div-fontstyle{
        margin-top: 3%;
    }
    #fontstyle img{
        margin-top: 20%;
    }
    #fontvariant img{
        margin-top: 8%;
        margin-right: 19%;
        max-width: 75px;
    }
    #fontweight img{
        margin-top: 19%;
    }
    #help-vsc img{
        margin-top: 17%;
    }
    #fontext{
        margin-top: 13%;
    }
    #helpvsc{
        margin-top: 6%;
    }
    #pixels img{
        margin-top: 5%;
        max-width: 50px;
    }
    #img-width{
        margin-top: 30%;
    }
    #width-img img{
        margin-top: 6%;
        max-width: 50px;
    }
    #container img{
        margin-top: 1%;
        max-width: 50px;
        margin-left: 19%;
    }
    #classes-container img{
        margin-top: 7%;
        max-width: 75px;
        margin-left: 22%;
    }
    #background img{
        margin-top: -3.5%;
        max-width: 40px;
        margin-left: 19%;
    }
    #classe-background img{
        margin-top: -1.5%;
        max-width: 35px;
        margin-left: 5%;
    }
    #divs img{
        margin-top: 9.5%;
        max-width: 75px;
        margin-left: 37%;
    }
    #div-class img{
        margin-top: 4%;
        max-width: 75px;
        margin-left: 14%;
    }
    #divs-pai img{
        margin-top: 21%;
    }
    #div-class-pai img{
        margin-top: 1.5%;
        max-width: 50px;
        margin-left: 8%;
    }
    #subpasta{
        margin-top: 26%;
    }
    #newfile{
        margin-top: 22%;
    }
    #style-css{
        margin-top: 19%;
    }
    #class-border img{
        margin-top: 25%;
        margin-left: 27%;
    }
    #script img{
        margin-top: 4%;
        margin-left: 19%;
        max-width: 50px;
    }
    #js img{
        margin-top: 13%;
        margin-right: 41%;
    }
    #popup-img img{
        margin-top: 30%;
        margin-right: 19%;
    }
    #vsc-script img{
        margin-top: 15%;
        max-width: 75px;
    }
    #hello-script img{
        margin-top: 39%;
        margin-left: 39%;
    }
    #cell-script img{
        margin-top: 3%;
        margin-right: 39%;
        max-width: 75px;
    }
    #array-img img{
        margin-top: 0;
        max-width: 40px;
    }
    #const-img img{
        margin-top: 12%;
    }
    #instituicao img{
        margin-top: 22%;
    }
    #resultado-while img{
        margin-top: 800%;
        max-width: 30px;
    }
    #div-dowhile{
        margin-top: 18%;
    }
    #dowhile-img img{
        margin-top: 1%;
        max-width: 40px;
        margin-left: 19%;
    }
    #for-img img{
        margin-top: 7%;
        max-width: 75px;
        margin-left: 19%;
    }
    #for-resultado img{
        margin-top: 170%;
        max-width: 30px;
    }
    #aninhado{
        margin-top: 10%;
    }
    #remove-class img{
        margin-top: 2%;
        max-width: 50px;
        margin-left: 9%;
    }
    #div-botao{
        padding-top: 12%;
    }
    #botao-img img{
        margin-top: -3.5%;
        max-width: 40px;
        margin-left: 19%;
    }
    #div-botao-hidden{
        padding-top: 15%;
    }
    #botao-hidden-img img{
        margin-top: 3.5%;
        max-width: 40px;
        margin-left: 19%;
    }
    #calibri img{
        margin-top: 3%;
        max-width: 50px;
    }
    #pi img{
        margin-top: -1%;
        max-width: 40px;
        margin-left: 19%;
    }
}

@media screen and (min-width: 1366px){
    #box-html{
        padding: 10px 20px;
    }
    #lista-html{
        padding-top: 10px; padding-bottom: 10px;
    }
    #item-html{
        padding-bottom: 10px;
    }
    #CodeMirrorQuerie{
        height: 465px;
    }
    .nav-tag{
        border-radius: 10px;
    }
    .header-tag{
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }
    .article-tag{
        border-radius: 20px;
    }
    .footer-tag{
        border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;
    }
    #inline img{
        margin-top: 0.2%;
        max-width: 50px;
    }
    #interno img{
        margin-top: 18%;
    }
    #menu img{
        margin-top: -0.3%;
        max-width: 50px;
    }
    #classes img{
        margin-top: 4.7%;
        max-width: 50px;
    }
    #seletor img{
        margin-top: 15%;
    }
    #pasta img{
        margin-top: 40%;
    }
    #name-vsc img{
        margin-top: 11%;
        margin-right: 19%;
    }
    #css-html img{
        margin-top: -1.5%;
        max-width: 40px;
    }
    #sizes img{
        margin-top: -1.5%;
        max-width: 40px;
    }
    #pp img{
        margin-top: 0.5%;
        max-width: 40px;
    }
    #style img{
        margin-top: 5.5%;
        margin-left: 23%;
    }
    #slide2-style{
        margin-top: 13%;
    }
    #style-slide img{
        margin-top: 25%;
        margin-right: 19%;
    }
    #joystick{
        margin-top: 22.5%;
    }
    #div-fontfamily{
        margin-top: 9%;
    }
    #fontfamily img{
        margin-top: 4%;
        max-width: 50px;
    }
    #div-fontstyle{
        margin-top: 3%;
    }
    #fontstyle img{
        margin-top: 20%;
    }
    #fontvariant img{
        margin-top: 7%;
        margin-right: 19%;
        max-width: 75px;
    }
    #fontweight img{
        margin-top: 18%;
    }
    #font img{
        margin-top: 30%;
    }
    #help-vsc img{
        margin-top: 17%;
    }
    #fontext{
        margin-top: 13%;
    }
    #helpvsc{
        margin-top: 6%;
    }
    #pixels img{
        margin-top: 4%;
        max-width: 50px;
    }
    #img-width{
        margin-top: 30%;
    }
    #width-img img{
        margin-top: 6%;
        max-width: 50px;
    }
    #container img{
        margin-top: 1%;
        max-width: 50px;
        margin-left: 19%;
    }
    #subpasta{
        margin-top: 25%;
    }
    #newfile{
        margin-top: 20%;
    }
    #style-css{
        margin-top: 17%;
    }
}

@media screen and (max-width: 768px){
    #classes img{
        margin-top: 10.5%;
        max-width: 100px;
    }
    #seletor img{
        margin-top: 18%;
    }
    #pasta img{
        margin-top: 40%;
    }
    #name-vsc img{
        margin-top: 11%;
        margin-right: 19%;
    }
    #css-html img{
        margin-top: -0.5%;
        max-width: 50px;
    }
    #sizes img{
        margin-top: -0.5%;
        max-width: 50px;
    }
    #joystick{
        margin-top: 0;
    }
    #div-fontfamily{
        margin-top: 0;
    }
    #fontfamily img{
        margin-top: 8%;
        max-width: 100px;
    }
    #fontext{
        margin-top: 0;
    }
    #helpvsc{
        margin-top: 0;
    }
    #pixels img{
        margin-top: 5%;
        max-width: 50px;
    }
    #img-width{
        margin-top: 0;
    }
    #width-img img{
        margin-top: 17%;
        max-width: 100px;
    }
    #subpasta{
        margin-top: 0;
    }
    #newfile{
        margin-top: 0;
    }
    #style-css{
        margin-top: 0;
    }
    #cell-script img{
        margin-top: 1%;
        margin-right: 39%;
        max-width: 40px;
    }
    #array-img img{
        margin-top: -3%;
        max-width: 30px;
    }
    #div-botao-hidden{
        padding-top: 33%;
    }
}

@media screen and (max-width: 700px)  {
    #classes img{
        margin-top: 10.5%;
        max-width: 100px;
    }
    #seletor img{
        margin-top: 18%;
    }
    #pasta img{
        margin-top: 40%;
    }
    #name-vsc img{
        margin-top: 8%;
        margin-right: 19%;
    }
}

@media screen and (max-width: 640px){
    .highlight-spot-visited::after{
        top: 13%;
        left: 28%;
    }
    #CodeMirrorQuerie{
        height: 520px;
    }
    .nav-tag{
        border-radius: 5px;
    }
    .header-tag{
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
    .article-tag{
        border-radius: 10px;
    }
    .footer-tag{
        border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;
    }
    #table{
        text-align: left;
    }
    #inline img{
        margin-top: -4%;
        max-width: 30px;
    }
    #interno img{
        margin-top: 14%;
    }
    #externo img{
        margin-top: 1.5%;
        max-width: 50px;
    }
    #menu img{
        margin-top: -4%;
        max-width: 30px;
    }
    #classes img{
        margin-top: 7%;
        max-width: 50px;
    }
    #seletor img{
        margin-top: 15%;
    }
    #pasta img{
        margin-top: 40%;
    }
    #name-vsc img{
        margin-top: 8%;
        margin-right: 19%;
        max-width: 75px;
    }
    #css-html img{
        margin-top: -4%;
        max-width: 28px;
    }
    #sizes img{
        margin-top: -7%;
        max-width: 28px;
    }
    #pp img{
        margin-top: -0.5%;
        max-width: 40px;
    }
    #style img{
        margin-top: 1%;
        margin-left: 18%;
        max-width: 50px;
    }
    #joystick{
        margin-top: 0;
    }
    #div-fontfamily{
        margin-top: 0;
    }
    #fontfamily img{
        margin-top: 4%;
        max-width: 50px;
    }
    #fontvariant img{
        margin-top: 7%;
        margin-right: 19%;
        max-width: 75px;
    }
    #fontext{
        margin-top: 0;
    }
    #helpvsc{
        margin-top: 0;
    }
    #pixels img{
        margin-top: 4%;
        max-width: 50px;
    }
    #img-width{
        margin-top: 0;
    }
    #width-img img{
        margin-top: 14%;
    }
    #container img{
        margin-top: 1%;
        max-width: 50px;
        margin-left: 19%;
    }
    #classe-background img{
        margin-top: -6%;
        max-width: 28px;
    }
    #div-class img{
        margin-top: 1%;
        max-width: 50px;
    }
    #div-class-pai img{
        margin-top: -1%;
        max-width: 40px;
        margin-left: 13%;
    }
    #subpasta{
        margin-top: 0;
    }
    #newfile{
        margin-top: 0;
    }
    #style-css{
        margin-top: 0;
    }
    #js img{
        margin-top: 9%;
        margin-right: 41%;
        max-width: 50px;
    }
    #cell-script img{
        margin-top: -4%;
        margin-right: 39%;
        max-width: 30px;
    }
    #array-img img{
        margin-top: -1%;
        max-width: 40px;
    }
    #aninhado{
        margin-top: 0;
    }
    #remove-class img{
        margin-top: -1%;
        max-width: 50px;
        margin-left: 9%;
    }
    #div-botao{
        padding-top: 0;
    }
    #div-botao-hidden{
        padding-top: 0;
    }
    #calibri img{
        margin-top: -1%;
        max-width: 50px;
    }
}

@media screen and (max-width: 440px){
    #navegador p{
        font-size: 0.9em;
    }
    .highlight-spot-visited::after{
        top: 7%;
        left: 19%;
    }
    #table{
        text-align: left;
    }
    #css img{
        margin-top: 22%;
        margin-right: 19%;
    }
    #inline img{
        margin-top: -20px;
        max-width: 28px;
    }
    #externo img{
        margin-top: -0.8%;
        max-width: 50px;
    }
    #menu img{
        margin-top: -6%;
        max-width: 28px;
    }
    #linkMenu img{
        margin-top: 14%;
    }
    #classid img{
        margin-top: 11%;
    }
    #classes img{
        margin-top: 3%;
        max-width: 50px;
    }
    #seletor img{
        margin-top: 13%;
    }
    #name-vsc img{
        margin-top: 5%;
        margin-right: 19%;
        max-width: 50px;
    }
    #css-html img{
        margin-top: -6%;
        max-width: 29px;
    }
    #sizes img{
        margin-top: -12%;
        max-width: 29px;
    }
    #pp img{
        margin-top: -6.5%;
        max-width: 40px;
    }
    #style img{
        margin-top: -2.5%;
        margin-left: 38%;
        max-width: 40px;
    }
    #div-fontfamily{
        margin-top: 0;
    }
    #fontfamily img{
        margin-top: 1%;
    }
    #fontext{
        margin-top: 0;
    }
    #help-vsc img{
        margin-top: 14%;
    }
    #width-img img{
        margin-top: 12%;
        max-width: 100px;
    }
    #div-class img{
        margin-top: 0;
        max-width: 50px;
    }
    #div-class-pai img{
        margin-top: -3%;
        max-width: 30px;
    }
    #cell-script img{
        margin-top: -5%;
        margin-right: 39%;
        max-width: 30px;
    }
    #array-img img{
        margin-top: -2%;
        max-width: 40px;
    }
    #aninhado{
        margin-top: 10%;
    }
    #remove-class img{
        margin-top: -3%;
        max-width: 30px;
        margin-left: 9%;
    }
    #calibri img{
        margin-top: -4.5%;
        max-width: 30px;
    }
}