body {
   margin: 0;
   font-family: arial black;	
}

header {
   width:100%;
   background: #f81010;
}

#btn-menu  {
   display: none;
  }

.nav{
   position: relative;
  }

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;
   z-index: 1000;
  }

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

.menu li:hover {
    background: rgba(0,0,0,0,3);
     z-index: 1000;
}

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

main{
padding: 20px;
}

@media (max-width:801px) {
	header label {
display: block;
}

.menu {
position: absolute;
		background: #f81010;
 z-index: 1000;
width: 50%;
		margin-left: -50%;
transition: all 0.1s;
}

	.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;
}



}