@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=bitter');

*{padding: 0;
margin: 0;
text-align: center;}

nav{    clear: both;
    display: block;
    font-weight: 300;
    font-family: roboto;
    position: relative;
    border-bottom: 3px solid #ccc;
    background-color: black;}

nav ul{list-style: none;
	margin: 0;
	padding: 0;}

nav ul li{display: inline-block;
	position: relative;
	line-height:48px;
	font-size:18px;
	text-transform: uppercase;
	color:#ababab;
	white-space: nowrap;
}

nav ul li a{display: block;
	text-decoration: none;
	color: #FFF;
	padding: 0 18px;}

nav ul li a:hover{background-color: cornflowerblue; color: white}

h1{font-family: roboto, arial;
display: block;
font-size: 4rem;color: black;
padding: 1.5rem; background-color: cornflowerblue;
font-weight: bold}

h2{font-family: roboto, arial;
padding: 1.5rem;
font-size: 1.5rem;color: black;
background-color: cornflowerblue;
text-transform: uppercase;
margin: none}

h4{font-family: helvetica, arial; font-size: 1.2rem; margin: none; padding: -6rem;}
h4 a { text-decoration: none; color: black}

h6{font-family: roboto;font-size: 0.75rem}

.subtema{color: black; font-family: roboto; 
background: #fff;
padding: 2rem; text-align: center;margin-top: none}


main {background: #fff;
font-family: roboto,arial,sans-serif;
padding: 0rem; color: black}

footer{padding: 2rem; 
text-align: center;
background-color: cornflowerblue;
font-family: serif ;color: black; clear:both;}

header{width: 100%; 
}




section.columna p {display:block; text-align: left; color: white;}
article.texto h4 {color: aqua; padding-top: 4rem; color: cornflowerblue; font: roboto;}
.texto{display: block; max-width: 30%;padding-top: 2rem;margin:auto}

.descarga h3{color: white; margin: auto; font-size: 2rem; font: roboto; }
.descarga{display:block; background-color: black; padding: 4rem;}

h4 i{color: white;}
h3 i{font-size: 5rem; padding-top: 3rem;}

.fas fa-arrow-circle-down{color: white;}

.vidcontenedor{display:block;
margin:auto;
max-width: 80%;
padding-bottom: 3rem;}

.contenedor {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
   
}
.contenedor iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
   }


.columna{display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: stretch;
	align-content: stretch;
padding: 3rem 3rem 3rem 3rem;    
background-color: black;
    
}

a:visited { 
    color: cornflowerblue;
}

      @media screen and (min-width:40rem){
    .columna {
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: stretch;
	align-content: stretch;
padding: 3rem 15rem 3rem 15rem;    
background-color: black;
    }
          article img{padding-right: 5rem;}
          .texto{display: block; max-width: 30%;padding-top: 2rem;}
    section.columna p {display:block; text-align: left; color: white;}
    
    
    
    
    
    
    
    
}