body{
	background-color: #00FFB6; 
}
div.static {
     position: fixed;
     
    
	}
	
	ul{

     list-style-type: none;
     margin: 0;
     padding: 0;
     background: #333;
     overflow: hidden;
	}

   li{
   	 float: left;

}



 li a{
 	text-align: center;
 	padding: 14px 16px;
 	text-decoration: none;
 	color: white;
 	display: inline-block;

 }
  li a:hover{

  	background-color: orange;


  }


  .active{

  	background-color: blue: 
  }


  h1{
  	text-align: center;
  }

 

      .nombre{
      	color:  #1700FF  ;
       margin-left: 30%;
      	

      }
      .apellidos{
      	color:  #1700FF  ;
      	 margin-left: 30%;
      }
      .telefono{

      	color: #1700FF ;
       margin-left: 30%;
      }
     .correo{
        	color: #1700FF  ;
        	 margin-left: 30%;

     }
     .edad{
          color: #1700FF  ;
         margin-left: 30%;


     }

     .asunto{
        color: #1700FF;  
         margin-left: 30%;  

     }




input[type=text] {
     width: 400px;
     box-sizing: border-box;	
      border: 2px solid red;
      border-radius: 20px; 
      margin-left: 20%;
      
  }
  input[type=submit] {
  	margin-left: 30%;

  }

  label{
  	 margin-left: 30%;
  }
 

      .caja{
      	    
         		float: left;
         		border: 4px solid black;
         		width: 650px;
         		height: 609px;
         		margin-top: 12px;
             
      }    

 		
    .img{

      float: left;
      margin-left:  30px;
      margin-right: 80px;  
    }

   .intro{
   	margin-top: 30px;
   }

    .img1{
    	margin-top: 30px;
    	margin-left: 60px ; 
        
    }

    .img2{
    	float: left;
    	margin-right:  39px; 
    }

 .img3{
    	float: left;
    	margin-right:  39px; 
    }

    .h1{
    	text-align: center;
    }
     .container{
     	margin-top: 55px;
     	display: flex;
     	
     }

     .imagen{
     	width: 350px;
     	margin: 0 10px;
     }

     .imagen{
     	margin-top: 20px;
     }

/*para tablet*/
@media screen and (min-width: 800px) {
	body{
		background-color: #00FFB6; 
		height: 100%; 
	    font-family: 'Noto Sans', sans-serif;

	   


	}


	/*para desktop*/
@media screen and (min-width: 1024px) {

body{
	background:#FFC200; 
	



}