@media screen and (max-width:400px){
	      p{
	            line-height: 1.8;
	      }
      
       .youtube-icone{
      width: 40px;  
      height: 40px;
	         cursor: pointer;
      transition: transform 0.3s ease;
    } 

    .youtube-icone:hover{
      transform: scale(1.1);
    }
	    .tamanho-info{
	          
     display:flex;
     justify-content: center;
     align-items: center;
	          
    
      font-size: 14px;
      color: #666;
	          
    }
      
      .facebook-icone{ 
      width: 40px; 
      height: 44px;
      
     transition: transform 0.3s ease, 
       cursor: pointer;
       
       margin-left: 5px;
     
         } 
         
         .facebook-icone:hover{ transform: scale(1.1); 
         1
         } 
         
       /* .youtube-icone{
      width: 40px;  
      height: 40px; 
      cursor: pointer;
      transition: transform 0.3s ease;
    } 

    .youtube-icone:hover{
      transform: scale(1.1);
    }*/
    
 
  
	
	
	.audi{
					margin: 20px;
				}
				  .audu{
				  	background-color:#FFFBCC;
								border:2px solid #FFFBCC; 
								border-radius:2px; 
								display:block;margin:0 auto;z-index:0 ; 
				  }
				#aume{
								padding-top: 10px;
				}
	#para2{
 				padding-top: 10px;
	} 
li{
				margin-left:40px;
} 
ul{
				List-style: none;
}
img{ width: 40px;
}
input[type="checkbox"]{
				display: none;
}
nav
{
	 background-color:#444; 
		height:100%;
	  width:200px;
		/*height:50%;*/
		Left: -200px;
		top: 0px;
		position: absolute; 
	  transition: all .5s
	  text-align:justify;
	z-index:1;
}

input[type="checkbox"]:checked~ nav 
{
				transform: translateX(200px);
}
ul{
	top: 70px;
				position: absolute;
				width:100%;
  height: 100%;
}
  a{
  	display:block;
	padding: 18px 18px;
	color:#FFF;
	text-align:justify;
  }
a:houver{
	background-color: #000;
				color:black;		
}
label{
	pedding: 15px;
				position: absolute;
				z-index: 2;
}
.sec1{
	margin: 0px;
			width: 100%;
}
	*{
			padding: 0px;	
			margin: 0px;
}
a{
			text-decoration: none;
			color:#FFF;
}
	body{
    font-size: 16px;
    font-family: arial;
    background-color: #F0F0F0;
	}
  #menu{
  height: 60px;  
  }
  #conteiner{
  	margin:3px;
  	height: auto;
    
  }
  #top{
    background-color: #00FF00;
    height: 60px;
   background-color: #444;
    color:#FFF;
  }
	.topi{
  				font-size:18px;
    text-align:center;
     padding: 20px;
	}
  #f2{
    margin-top:15px; 
    text-align: center;
  				margin-bottom:20px;
  }
  .lik{
    text-align:center;
    padding-top:5px;
  }
  .likb{
    margin-top:10px;  
  }
  .vaq{
  	margin-top:10px;
    margin-bottom: 10px;
  }
	form{
    border:1px solid #000000;
    width:320px;  
    height: 310px;     
	}
    #comentario{
      width:220px;
      height:80px;
    	margin-top:8px;
    }
    #btnn{
      margin:10px;
     width:70px;
    }
    .li{
      width:70px;
      margin-left:11px;
    }
     .inp{
       margin-top:8px;
       margin-bottom: 8px;
     }
     .cl{
     text-align: center;  
     }
     #cl{
     	margin-top:8px;
     }
      #pri{
        margin-bottom:8px;
      }
}
@media screen and (min-width:401px) and (max-width:6000px){
	body{
    font-size: 16px;
    font-family: arial;
    background-color: #F0F0F0;
	}
  #menu{
  height: 60px;  
  }
  #conteiner{
  	margin:3px;
  	height: auto;
  }
  #top{
    height: 60px;
   background-color: #444;
    color:#FFF;
  }
	.topi{
    text-align:center;
     padding: 20px;
	}
  #f2{
    margin-top:20px; 
    text-align: center;
  }
  .lik{
    text-align:center;
    padding-top:25px;
  }
  .likb{
    margin-top:10px;  
  }
  .vaq{
    
    margin-top:10px;
    margin-bottom: 10px;
  }
   form{
    border:1px solid #000000;
    width:320px;  
    height: 310px;     
   }
    #comentario{
      width:220px;
      height:80px;
    	margin-top:8px;
    }
    #btnn{
      margin:10px;
     width:70px;
    }
    .li{
      width:70px;
      margin-left:11px;
    }
     .inp{
       margin-top:8px;
       margin-bottom: 8px;
     }
     .cl{
     text-align: center;  
     }
     #cl{
     	margin-top:8px;
     }
      #pri{
        margin-bottom:8px;
      }
	ul{
				List-style: none;
	}
img{ width: 40px;
}
input[type="checkbox"]{
				display: none;
}
nav
{
	 background-color:#444; 
		height:100%;
	  width:250px;
		/*height:50%;*/
		Left: -250px;
		top: 0px;
		position: absolute; 
	  transition: all .5s
	  text-align:justify;
	z-index:1;
}

input[type="checkbox"]:checked~ nav 
{
				transform: translateX(250px);
}
ul{
	top: 60px;
				position: absolute;
				width:100%;
}
  a{
  	display:block;
	padding: 17px 17px; 
	color:#FFF;
	text-align:justify;
  }
a:houver{
				background-color: #000;
				color:black;		
}
label{
	pedding: 15px;
				position: absolute;
				z-index: 2;
}
.sec1{
	margin: 0px;
			width: 100%;
}

*{
			padding: 0px;	
			margin: 0px;
}
a{
			text-decoration: none;
			color:#FFF;
}
body{
				font-family: arial;
				background-color:#F0F0F0;
}
li{
			margin-left:60px;	
}
	#aume{
								padding-top: 10px;
	}
				
 #para2{
 				padding-top: 10px;
 } 
li{
				margin-left:40px;
}.audi{
					padding-top: 20px;
								padding-bottom: 10px;
}
				  .audu{
				  	background-color:#FFFBCC;
								border:2px solid #FFFBCC; 
								border-radius:2px; 
								display:block;margin:0 auto;z-index:0 ; 
				  }
      
      
				 .youtube-icone{
      width: 40px;  
      height: 40px;
	         cursor: pointer;
      transition: transform 0.3s ease;
    } 

    .youtube-icone:hover{
      transform: scale(1.1);
    }
	    .tamanho-info{
      
      display:flex;
     justify-content: center;
     align-items: center;
      font-size: 14px;
      color: #666;
	          
    }
      
       .facebook-icone{ 
      width: 40px; 
      height: 44px;
      
     transition: transform 0.3s ease, 
       cursor: pointer;
       
       margin-left: 5px;
     
         } 
        .facebook-icone:hover{ transform: scale(1.1);
        }
        p{
        line-height: 1.3;      
        }
}