/* utiilização de media queries para responsividade */

@media(max-width:1100px) {

    .conteudo > .fundos >*:not(nav):not(.titulo_fundo):not(footer) {
        margin-left: 5%;
        margin-right: 5%;
    }

    p {
        font-size: 0.8em;
    }

    h3 {
        font-size: 1.2em;
    }

    

    div.titulo_fundo+p {
        margin-top: 5%
    }

    span.titulo_principal {
        font-size: 4em;
    }

    .titulo_fundo span.titulo {
        font-size: 2.5em;
    }

    #creator {
        width: 200px;
    }

    tr,
    td {
        font-size: 0.9em;
        padding: 10px;
    }

    #posicao_quadra {
        margin-left: 10%;
    }

    #position {
        width: 250px;
    }

    .gif {
        width: 228px;
    }

    #pfinal {
        font-size: 1em;
    }

    #ft_contact{
    padding-left:0%;
    }
     .ft_block span{
        font-size: 1.2em;
    }

    .ft_block ul{
    padding: 0.7em;
    }

    .ft_block{
        margin: 3%;
    }

    .ft_block a{
        padding-left: 8px;
    }

    .ft_block li{
        padding: 4px;
    }

    #nome{
       margin-top: 10px;
    }

    #ft_notices input{
        margin: 8px;
        font-size: 1em;
    }



}

@media(max-width:800px) {

    p:not(#back5 p){
        font-size: 0.9em;

    } 

    #back5 p{
        font-size: 0.7em;
    }


    h3 {
        font-size: 1em;
    }

    div.titulo_fundo+p {
        margin-top: 8%;
    }

    span.titulo_principal {
        font-size: 3em;
    }

    .titulo_fundo span.titulo {
        font-size: 2em;
        padding: 5px;
    }

    img#creator {
        width: 180px;
    }

    tr,
    td {
        font-size: 0.8em;
    }

    #posicao_quadra {
        margin-top: -8%;
        margin-left: 12%;
    }

    #quadra1 {
        margin-top: 5%;
        margin-left: 12%
    }

    .quadra{
        width: 200px;
        height: 200px;
    }

    #linha{
        width: 197px;
        margin-top: 66px;
    }

    .player{
        width: 25px;
        height: 25px;
        line-height: 22px;
        font-size: 0.8em ;
    }

    .gif {
        width: 180px;
    }

    #pfinal {
        font-size: 0.9em;
    }

    .ft_block span{
        font-size: 1em;
    }

    .ft_block ul{
    padding: 0.5em;
    }

    .ft_block{
        margin: 2%;
    }

    .ft_block a{
        padding-left: 5px;
    }

    .ft_block li{
        padding: 4px;
    }

    #nome{
       margin-top: 10px;
    }

    #ft_notices input{
        margin: 8px;
        font-size: 1em;
    }




}

@media(max-width:650px) {

    .titulo_fundo span.titulo {
        font-size: 1.5em;
    }
}

@media(max-width:500px) {

    p:not(#back5 p){
        font-size: 0.8em;

    } 

    #back5 p{
        font-size: 0.7em;
    }

    h3 {
        font-size: 1em;
    }

    div.titulo_fundo+p {
        margin-top: 8%;
    }

    span.titulo_principal {
        font-size: 2.5em;
    }

    .titulo_fundo span.titulo {
        font-size: 1.1em;
        padding: 5px;
    }

    img#creator {
        width: 180px;
    }

    tr,
    td {
        font-size: 0.7em;
    }

    #posicao_quadra {
        margin-top: -12%;
        margin-left: 12%;
    }

    #quadra1 {
        margin-top: 2%;
        margin-left: 12%;
    }

    .gif {
        width: 150px;
    }


    #pfinal {
        font-size: 0.9em;
    }


}