body{
	background: radial-gradient(circle ,#1a9e7b,#6dc3a6);/*Le damos un fondo diferente a la pagina*/
}

.form-img { /*Formulario de imagen*/
    flex:1;
    display: flex;
    min-width: 300px; 
    max-width: 100%;
	
    
} 

.img-container{
    margin: auto;  
	border: #4206CF solid;
}

ul{
	margin: 5px;
}




.nav__responsive-ul{display: none;} /*Para ocultar el menu responsive es OBLIGATORIO*/



@media only screen and (max-width:600px){

    .nav__responsive-ul{ display: block;}      /*Para que nos muestre el nav responsive ES OBLIGATORIO*/
    
    /*Lo que le queramos cambiar*/
	.form-img { min-width: 200px;  max-width: 100%; text-align: center;}/*Formulario de imagen */ 
	

}

@media only screen and (max-width:400px){
    
    .nav__responsive-ul{ display: block;}      /*Para que nos muestre el nav responsive ES OBLIGATORIO*/
    /*Lo que le queramos cambiar*/
    .form-img { min-width: 200px;  max-width: 100%; text-align: center;}/*Formulario de imagen */ 
}