@font-face { font-family: "Gotham book"; src: url('/public/fonts/GothamFont/Gotham-Book.otf'); }
@font-face { font-family: "Gotham medium"; src: url('/public/fonts/GothamFont/Gotham-Medium.otf'); }
@font-face { font-family: "Gotham book italic"; src: url('/public/fonts/GothamFont/Gotham-BookItalic.otf'); }


/* Menu CSS */

 
 
@media only screen and (max-width: 1078px) {

    /*footer {width:1024px;}*/
}

@media only screen and (max-width: 767px) {
    .logo   {margin-left:90px;}


   /* footer {width:360px;}*/



 footer a {
     margin-left:22px;

 }





    .xmiddlecol4 {
        overflow:hidden;
        font-size:13px

    }


    .xinner3 {
       
        margin-top: 60px;

    }
    .xinner4 {
        float: left;
        margin-left: 209px;
        margin-top: -51px;
        width: 32%;
    }

    .xinner5 {
        float: right;
        margin-right: 55px;
        margin-top: -35px;

    }

    .xrightcol3 {

           margin-left: 90px;
 

        margin-top: 27px;
    }


}



@media screen and (max-width: 991px) and (min-width: 768px){
.tabela {
        margin-left: 35%;
}

.logo {
    width: 30%;
    margin-left: 25%;
}


}

@media screen and (max-width: 767px) and (min-width: 461px){
.tabela {
        margin-left: 35%;
}

.logo {
    width: 30%;
    margin-left: 25%;
}

.col1 {
    width: 50%;
}


}

@media screen and (max-width: 460px) and (min-width: 320px){


.logo {
    width: 50%;
    width: 50%;
    margin-left: 20%;
    padding-bottom: 1em;
}

.tabela {
        margin-left: 25%;
}

.col1{
    margin-left: 0em;
    padding: 0.5em 0.4em;
}

}