/*--------------------------PANTALLA DE COMPUTADORA---------------------------------------*/
/*@media screen and (max-width:480px){*/

@media screen and (min-width:769px) {
*{
	margin: 0;
	padding: 0;
}

header{
	width: 100%;
	background-color: #000;
	color: #fff;
	text-align: center;
	font-size: 30px;

}

.logotipo{
	width: 100%;	
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 30px;
}

.logotipo img{
	width: 25%;
	text-align: center;
}

.formulario{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 30px;

}

.formulario form{
	width: 40%;
	border:1px solid #ccc;
	padding: 10px;
	text-align: center;
}

.formulario form label{
	width: 100%;
	

}

input, text{
        margin-bottom: 15px;
        width: 90%;
        padding: 10px;
        font-size: 15px;
        border: 1px solid #ccc;  
        border-radius: 0px;
    }

.btn_form{
	width:60%;
	background-color: #0194CA;
	border:none;
	color: #fff;
	height: 50px;
	font-size: 20px;
	border-radius: 80px;
	cursor: pointer;
}
}



/*--------------------------PANTALLA DE TABLET---------------------------------------*/
/*@media screen and (max-width:480px){*/

@media screen and (min-width:481px) and (max-width:768px){
*{
	margin: 0;
	padding: 0;
}

header{
	width: 100%;
	background-color: #000;
	color: #fff;
	text-align: center;
	font-size: 30px;
}

.logotipo{
	width: 100%;	
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 30px;
}

.logotipo img{
	width: 50%;
	text-align: center;
}

.formulario{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 30px;

}

.formulario form{
	width: 70%;
	border:1px solid #ccc;
	padding: 10px;
	text-align: center;
}

.formulario form label{
	width: 100%;
	

}

input, text{
        margin-bottom: 15px;
        width: 90%;
        padding: 10px;
        font-size: 15px;
        border: 1px solid #ccc;  
        border-radius: 0px;
    }

.btn_form{
	width:60%;
	background-color: #0194CA;
	border:none;
	color: #fff;
	height: 50px;
	font-size: 20px;
	border-radius: 80px;
	cursor: pointer;
}
}


/*--------------------------PANTALLA DE CELULAR---------------------------------------*/
/*@media screen and (max-width:480px){*/

@media screen and (min-width:0px) and (max-width:480px){
*{
	margin: 0;
	padding: 0;
}

header{
	width: 100%;
	background-color: #000;
	color: #fff;
	text-align: center;
	font-size: 30px;
}

.logotipo{
	width: 100%;	
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 30px;
}

.logotipo img{
	width: 50%;
	text-align: center;
}

.formulario{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 30px;

}

.formulario form{
	width: 70%;
	border:1px solid #ccc;
	padding: 10px;
	text-align: center;
}

.formulario form label{
	width: 100%;
	

}

input, text{
        margin-bottom: 15px;
        width: 90%;
        padding: 10px;
        font-size: 15px;
        border: 1px solid #ccc;  
        border-radius: 0px;
    }

.btn_form{
	width:60%;
	background-color: #0194CA;
	border:none;
	color: #fff;
	height: 50px;
	font-size: 20px;
	border-radius: 80px;
	cursor: pointer;
}

}