body {
   margin: 0;
   font-family: sans-serif;	
}

header {
   width:100%;
   background: #4E94AB;
}

#btn-menu  {
   display: none;
}

header laber {
   display: none;
   width: 30px;
   height: 30 px;
   padding: 10px;
   border-right: 1px solid #fff;
}

header label:hover {
   cursor: pointer;
   background: rgba(0,0,0,0,3);
}


.menu ul {
   margin: 0;
   list-style: none;
   padding: 0;
   display: flex;
}

.menu li {
    border-right: 1px solid #fff;
}

.menu li:hover {
    background: rgba(0,0,0,0,3);
}

.menu li a {
   display: block;
   padding: 15px 20px;
   color: #fff;
   text-decoration: none;
}


main{
	
padding: 20px;
	
}



@media (max-width:801px) {

	header label {

display: block;
	
}


	.menu {

position: absolute;
		background: #4E94AB;

width: 50%;
		margin-left: -50%;

transition: all 0.3s;
	
}


	.menu ul {

flex-direction: column;

}

.menu li {

border-top: 1px solid #fff;

}



#btn-menu:checked ~
.menu {

margin: 0;
	
}


}






.contenedor {

height: 0;
overflow: hidden;
padding-bottom: 56.25%;
padding-top: 30px;
position: relative;
}



.contenedor iframe,
.contenedor object,
.contenedor embed,
.contenedor video {

height; 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}



@media screen and (max-width: 1000px){

.col1,
.col2{

width: auto;
}



}