*{
    margin:0;
    padding:0;  
}
body{
    background:#04AC6C;
}
.container{
    
    box-sizing: border-box;
}
.anuncio1,.fundo,.fundo2,.anuncio3{
    width:100%;
    box-sizing: border-box;
    
    
}
.fundo{
    background:#F4F4F4;
    height: 10vh;
    display:grid;
}
.fundo2{
    background:#F4F4F4;
    display:grid;
    height:20vh;
}
.anuncio1{
    
    display:grid;
    grid-template-columns: repeat(auto-fit,minmax(50vh,4fr));
    overflow:hidden;
    background:#F4F4F4;
    height: auto;
}
.cabecalho {
    text-align:center;
    grid-template-rows: repeat(auto-fit,minmax(50vh,4fr));
}
.cabecalho .banner{
    
    box-sizing: border-box;
    display:inline-block;
    text-align:center;
   position: relative;
}
.cabecalho img{
   padding:3vh;
    max-width:90vh;
    max-height:50%;
}
 .banner{
     box-sizing: border-box;
     display:inline-block;
     
    position: relative;
    
    
    
    
    
 
}
.banner h1{
    text-align:left;
    font-weight:500;
    color:gray;
    font-size: 3em;
    font-family: 'Anton', sans-serif;
    text-transform: uppercase;
}

.banner p {
    
    max-width:80vh;
    padding:1vh 0 1vh 0;
    text-align:left;
}
.par {
    
    margin-left:20vh;
}


.refri {
    margin:0 auto;
    
}
.refri img{
    
    margin: 5vh auto;
}

table{
    
    padding:2vh;
    border-radius: 5px;
    box-sizing: border-box;
    background:#04AC6C;
}

h3{
    text-transform:uppercase;
    font-family: 'Anton', sans-serif;
    font-weight: 100;
    text-align: left;
}
tr{
    
    text-align:left;
}

td{
    border-radius: 2px;
    padding:0.2vh;
    border:1px solid black; 
}
 button{
    text-transform: uppercase;
    font-family: 'Anton', sans-serif;
    box-sizing: border-box;
    background:#04AC6C;
    color:black;
    border-style:none;
    width:auto;
    height:auto;
    padding:2vh;
    border-radius: 0.5vh;
    font-size:24px;
    font-weight:500;
    cursor:pointer;
    outline:none;
    transition:0.25s;
    margin:1vh;
}

button:hover{
    background:#29bb74;
    color:black;
}
.footer{
    text-align: center;
    grid-template-columns: repeat(auto-fill,minmax(33%,4fr));
    display:grid;
    background:#04AC6C;
    width:100%;
    height: 4vh;
}
.footer img{
    width:5vh;
    margin-right:0.5em;
    opacity: 0.5;
}
.footer img:hover{
    opacity:1;
}
.f1,.f2,.f3{
    font-weight: 300;
    font-family: 'Anton', sans-serif;
    text-transform: uppercase;
    box-sizing: border-box;
    background:#04AC6C;
    padding:4vh;
    color:rgb(53, 53, 53);
}
@media(max-width:840px) {
        .par{
            margin-left:0;
        }
        .banner p {
            max-width:100%;
        }
        .fundo,.fundo2{
            display:none;
        }
        h1{
            
            font-size:0.8em;
        }
        .banner,.banner2{
            text-align: center;
        }
        .banner img{
            width:50vh;
            height:50vh;
        }
        .footer{
            grid-template-columns: repeat(auto-fill,minmax(50vh,4fr));
        }
        .f2{
            display:none;
        }
        .refri img{
            width:90%;
        }
        
}
@media(max-width:1025px){
    .refri{
        display:none;
    }
    .cabecalho img{
        
         max-width:50vh;
         max-height:auto;
     }
        .banner p{
            text-align: center;
            

        }
    }
   
   
@media(max-width:640px) {
    .par{
        margin-left:0;
    }
    .banner p {
        max-width:100%;
    }
    .conteudo{
        display:grid;
    }

    .right{
        
        margin: 0 auto;
        
    }
    .right a{
        padding:0;
        text-align:right;
        
    }
    .right li {
        
        padding:0.5em;
        
    }
    .header{
        margin-left: 0;
    
        text-align:center;
    }
    .refri img{
        width:90%;
    }
}

@media(max-width:1050px) {
    .par{
        margin-left:0;
    }
    .banner p {
        background:#F4F4F4;
        max-width:100%;
    }
    .refri img{
        width:90%;
    }
    .banner h1{
        text-align:center;
    }
    table{
        margin:0 auto;
    }
}