*{
	margin: 0;
	padding: 0;
	
}
@font-face {
    font-family: 'rutacpc';
    src: 
         url('fuentem/Tipo Metro CDMX.otf') format('opentype');;
    font-weight: normal;
    font-style: normal;
}
a:link,a:visited{
	text-decoration: none;
	color:white;
}
.swal2-popup {
	font-family:rutacpc, Helvetica, Neue;
}
body{
	background: linear-gradient(#F9A600,#FFE2CD, #7F7EBA);
}
.grid {
					display:grid;
					grid-template-rows: 100px auto 100px;
					/*height:100%;*/
					width:100%;
					}
.head {
		width:85%;
		margin: 0 auto;
		border-bottom: 0.5px solid /*#1E3A66 #009845*/ #7F7EBA;
      }
 .head img {
	 
	 width:263px;
	 height:51.76px;
	 padding:28px;
 }
 .well {
	 margin: 0 auto;
	 width:40%;
	 font-family:rutacpc, Helvetica, Neue;
	 font-size:32px; 
	 font-weight:bold;
	 /*color:#1E3A66;
	 color: #0056B9;*/
	 color: #7F7EBA;
	 justify-self:center;
	 align-self:center;
	 text-align:center;
 }
 .well p{
	 margin:10px;
 }
 .well input[type=text]{
	 border: 0.9px solid #707070;
	 border-radius: 4px;
	 font-family:rutacpc, Helvetica, Neue;
	 font-size:17px;
	 padding:5px;	
	margin:10px;
	width: 340px;
	height: 48px;
 }
  .well input[type=password]{
	 border: 0.9px solid #707070;
	 border-radius: 4px;
	 font-family:rutacpc, Helvetica, Neue;
	 font-size:17px; 
		 padding:5px;
	 margin:10px;
	 width: 340px;
	 height: 48px;
 }
 .well input[type=submit]{
	left: 544px;
	width: 278px;
	height: 48px;
	background: /*#1E3A66 #FEAE01 #00B555*/ #F9A600 0% 0% no-repeat padding-box;
	border-radius: 4px;
	opacity: 1;
	margin-top:48px;
	margin-bottom:100px;
	text-align: center;
	font-family: rutacpc,  Helvetica, Neue;
	font-size:17px;
	font-weight:bold;
	letter-spacing: 0;
	color: #FFFFFF;
	opacity: 1;
	border:none;
 }
 .well input[type=submit]:hover{
	/*background-color: #90289F;*/
	background-color: #7F7EBA;
	}
.well1{
	font-size:20px;
}	
.footer {
	display:grid;
	height:100%;
	grid-template-columns: 75% 7.25% 17.75% ;
	/*background:#1E3A66;*/
	/*background:#846660;*/
	/*background:#90289F;*/
	/*background:#151721;*/
	background: #7F7EBA;
	left:0px;
	right:0px;
	bottom:0px;
	margin: 0px 0px 0px 0px;
	box-sizing:border-box;
	overflow:hidden;

}
.footer p {
	margin: 0;
	/*font-size:12px;*/
	align-self:center;
	text-indent:92px;
	text-align:left;
	color:white;
	font-family: rutacpc, Helvetica, Neue;
	/*font-weight:bold; */
}

.footer img.b {
	 filter: brightness(0) invert(1);
	height:100px;
	/*padding-right:70px;*/
	justify-self:center;
	align-self:center;
}
.footer img.a {
	 filter: brightness(0) invert(1);
	width:100px;
	/*height:50px;*/
	/*padding-right:32px;*/
	justify-self:end;
	align-self:center;
	
}
@media only screen and (max-width: 1030px) {
	.grid{
		display:grid;
	
		grid-template-rows: 25px auto 75px;
	}	
	.well{
	
		width:100%;
		grid-row: 2/3;
		height:100%;
		
	}
	.head{
		height:25%;
	}	
	.well input[type=submit]{
		margin-bottom:25px;
	}

	.footer{
		grid-template-columns:45% 20% 35%;
	}
	.footer img.a {
		width: 65px;
	}
	.footer img.b {
		justify-self:center;
		height:60px;	
	}
	.footer p {
		font-size:12px;
		text-indent: 0px;
		text-align:center;
	}
}
@media only screen and (max-width: 768px) {
	.grid{
		display:grid;
	
		grid-template-rows: 25px auto 75px;
	}	
	.well{
		font-size:20px;
		width:100%;
		
	}
	.head{
		height:25%;
	}
 	.well input[type=password]{
		max-width:230px;
	}
	.well img.a {
		height:170px;
	} 
	.footer{
		grid-template-columns:50% 20% 30%;
	}
	.footer img.a {
		width: 65px;
	}
.footer img.b {
		justify-self:center;
		height:30px;	
	}
	.footer p {
		font-size:8px;
		text-indent: 0px;
		text-align:center;
	}
	
	
	
}