* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}


#txt{
 text-align:justify; 
}



#btn-menu{display:none;}

.header{ background-color: #f9f9f9; font-weight: 600; box-shadow: 0px 1px 0px #f9f9f9;  position: fixed; width: 1024px; top: 0; z-index: 31;}

.header label{color: black; font-size: 25px; display: block; padding: 5px 5px; width: 50px; border-right: solid 2px #efefef; display: none;}

.header label:hover{background-color: orange;}

.menub ul{list-style: none; margin: 0px; padding: 0px; display: flex;transition: All 0.5s; float: right;}

.menub li a{color: black; text-decoration: none; padding: 15px 20px; display: block; border-right: 0px solid silver;}

.menub li a:hover{color: blue;}
	
/* Fim dos códigos do Menu */



.logox{
    padding: 12px;
float: left;
}


.noticia video{
    height: 400px;
}
	
.cc{
    width: 100%;
    height: 72px;
    background-color: #f9f9f9;
    position: fixed;
}



.primeiraDiv{

margin: auto;
width: 75%;
    height: auto;
    background-color: transparent;
    margin-bottom: 20px;
}


.primeiraDiv #img1{
  margin: auto;
width: 100%;
height: 750px;
    display: block;

}

.primeiraDiv_txt{

margin: auto;
width: 79%;
    height: auto;
    margin-bottom: 20px;
}


  .gallery {
    padding: 20px;
    text-align: center;
}

.gallery-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 10px;
}
  
.gallery-item:hover {
    transform: scale(1.2);
    cursor: pointer;
}
.gallery-item {
    text-align: center;
    transition: 0.5s;
}

.gallery-item img {
    width: 250px;
    border-radius: 5px; 
    height: 250px;
}

.gallery-item p {
    margin-top: 10px;
    font-size: 14px;
    color: #666;
}

#icons{
    border-radius: 100px;
}





/*@media screen and(max-width: 1260px ou 768) 920*/


@media(max-width: 1200px) {
    
 .gallery-item img {
    width: 80%;
    border-radius: 5px; 
    height: 250px;

}
    
.gallery-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 10px;
}
    
    
.primeiraDiv_txt{

margin: auto;
width: 98%;
    height: auto;
    margin-bottom: 20px;
}
    
.header{ background-color:#f9f9f9; font-weight: 600; box-shadow: 0px 0px 0px silver;  position: fixed; width: 100%; top: 0; z-index: 31;}
        
        .header label{display: block; }
        
        .menub ul{position:absolute; background-color: #f9f9f9; width: 200px; flex-direction: column; margin-left: -55%;}
        
        .menub li a{ border-top: 1px solid white;}
        #btn-menu:checked ~ .menub ul{ margin-left: 0px; position: relative; float: left; background-color: #f9f9f9;}
        
        
         #btn-menu{display:none;} 
        
.logox{
     padding: 12px;
float: right;
}
   
 
.primeiraDiv{

margin: auto;
width: 95%;
}
    
    
    
.primeiraDiv #img1{
  margin: auto;
width: 100%;
    height: 400px;
}  
    
}