@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro&display=swap');
body
	{
	margin: 0px;
	padding: 0px;
	/* background-color: rgba(241, 224, 114);  */
	background-color:#ECEBEC;
	font-family: 'Source Sans Pro', sans-serif;	
	}

.masthead{
	
	position:relative;
	display:table;
	width:100%;
	height:auto;
	padding-top:6rem;
	padding-bottom:6rem;
	/* background:linear-gradient(90deg,rgba(140,223,255,.1) 0,rgba(140,223,255,.1) 100%); */
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	}

#banner .masthead{ /*contiene al banner en general*/
	position:relative;
	overflow:hidden;
	padding:calc(3rem + 14px) 10rem 4rem;
	width:30rem;
}

#banner.masthead .masthead-heading {/*primera Linea del nombre del curso*/
	font-size: 1.8rem;
	line-height: 0.2rem;  
	font-weight:bold;
	color: #000;
	text-align:center;
	}

#banner.masthead .masthead-avatar {/*imagen central del curso*/
	  width: 30rem;
	  margin:0 305px;
}

.contenido{
	width:100%;
	padding-right:15px;
	padding-left:15px;
	margin-right:auto;
	margin-left:auto;
	min-height:305px;
}



@media (min-width:576px){.contenido{max-width:540px;/*background:#AD3032};*/}
@media (min-width:768px){.contenido{max-width:720px;/*background:#AD3032};*/}
@media (min-width:992px){.contenido{max-width:960px;/*background:#AD3032};*/}
@media (min-width:1200px){.contenido{max-width:1140px;/*background:#AD3032};*/}



@media (min-width: 992px) {
#banner.masthead {
    padding-top: calc(1rem + 1px);
    padding-bottom: 1rem;
  }
#banner.masthead .masthead-heading {
    font-size: 2rem;
    line-height: 3rem;
  }
.masthead{
	height:20vh;
	}
.masthead h1{
	font-size:5.5rem;
	margin:0;
	padding:0;
 }
}