@media screen{
*{
	margin:0;
	padding:0;
}
body {
	background-color:  #B2BABB;
}
#contenido{
	width: 1200px;
	margin:0 auto;
	
}

/************************ Header **************************/

header{
	width: 1200px;
	background:white;
	color: black;
	display: flex;
	align-items: left;
	font-family: 'Bree Serif', serif;
	border-bottom: solid 2px #616A6B;
	
}
header div{
	width:10%;
}
#logros{
	margin: 2% 4%;
}
#logros p{
	text-align: center;
	font-size: 2.5rem;
}
#toga{
	margin: 2% 2%;
}
#toga img{
	width:100%;
}

/********************** Section *************************/

section{
	width: 100%;
	background:white;
	font-family:'Open Sans', Tahoma, Arial, helvetica, sans-serif;
	color:#282828;
}
#nombre{
	padding: 2% 4%;
	border-bottom: solid 2px #616A6B;
}
.detalle{
	padding: 4%;
	display: flex;
	flex-flow: row;
}
.detalle div{
	width: 50%;
	margin: 2%;
	text-align: center;
}

.diploma img{
	width: 80%;
	border: solid 4px #616A6B;
}
.resumen{
	padding: 2%
}
.resumen h3{
	margin: 4% 0;
}
#logo{
	text-align: center;
	padding: 2%;
}
#logo a img{
	width: 20%;
}

/********************** Footer *******************************/

footer{
	background-color:#212F3D;
	font-family:'Open Sans', Tahoma, Arial, helvetica, sans-serif;
	/*background: linear-gradient(#084B8A,#0B3861); */
	display: flex;
	justify-content:center;
	color:#D8D8D8;
}
footer div{
	width: 25%;
	margin: 1% 1% 0 1%;
	text-align: center;
}
footer ul{
	margin: 2% 0%;
}
footer li{
	list-style: none;
	font-size: .85rem;
}
footer p{
	margin-top: 1%;
	font-size: .85rem;
}
footer p a{
	text-decoration: none;
	color:#D8D8D8;
}
footer p a:hover{
	color:#F4D03F;
}

footer img{
	width:10%;
}
#redes ul li{
	margin: 4%;
	display: inline;
}
#redes a img{
	border-radius: 5px;
}
#redes a img:hover{
	border-radius: 5px;
	transform: rotate(10deg);
}
}

/*******PARA TABLET ******/

@media (max-width:1199px){
	
#contenido{
	width: 100%;
}
/** Header **/

header{
	width: 100%;
	flex-direction: column;
	position: static;
}	
header >a{
	width:25%;
}
#lema{
	width:50%;
	margin:1% 2%;
	text-align: center;
}
#menu{
	width:90%;
}
#menu li{
	margin: 1% 2.7%;
}
/** section **/

#cursos{
	padding-top: 0;
}

#slogan {
	padding:5% 10%;
	height: 10vw;
}
#slogan p{
	font-size: 1.5rem;
}




#solicitud h2{
	padding: 1%;
	font-size:1.25rem;
}



/** footer **/

footer li{
	font-size: .7rem;
}
footer p{
	margin-top: 1%;
	font-size: .7rem;
}
footer img{
	width:16%;
}
} 
/******PARA MOVIL******/


@media (max-width:420px){
	
	#contenido{
		width: 100%;
	}
	/** Header **/
	header{
		flex-direction:column;
	}
	header >a {
		width:60%;
		margin: 2% auto;

	}
	header >a img{
		width:100%;

	}
	#menu{
		width:100%;
		padding: 2%;
		flex-direction: column;
		justify-content:center;
		align-items: center;
		
	}
	#menu li{
		margin: 2% 4%;
		font-size:1.2rem;
		text-align: center;
		
	}
	/** section **/

	#cursos h1{
	margin: 1% auto;
	width: 96%;
	font-size:1.2rem;
    }
	table{
		width: 96%;
	}
	thead th{
	display:none;
	}
	tbody td{
	display: block;
	margin: 0 auto;
	width:98%;
	}
	#slogan {
	padding:5%;
	height: 40vw;
	}
	#slogan p{
	font-size: 1.45rem;
	}
	
	td  div{
		margin: 2% 2%;
	}
	
	
	#solicitud{
	
	width: 96%;
	margin: 2% auto;
	}

	#solicitud h2{
	padding: 1%;
	font-size:1.15rem;
	}

	/** footer **/
	footer{
		flex-direction: column;
	}
	footer div{
	width: 100%;
	padding: 1%;
	}
	footer li{
	font-size: .8rem;
	}
	footer p{
	margin-top: 1%;
	font-size: .8rem;
	}
	footer img{
	width:10%;
	}
}