.resumen .botonPlay{ position: absolute; border-radius: 50%; cursor: pointer; z-index: 100; }
.resumen .botonPlay img{ display: block; }
.resumen .parar{ display: none; }

.resumen .fb{background: url(../img/fb.png) no-repeat; }
.resumen .ig{background: url(../img/ig.png) no-repeat; }

.videos1 >div + div{ margin-top: 30px; }

@media screen and (min-width:800px){   
    .videos1 { display: table; margin: 0px auto 0px auto; }    
    .videos1 >div:nth-of-type(2n - 1){float: left;}
    .videos1 >div:nth-of-type(2n){float: right;}    
    .videos1 .nombre{ width: 20px; width: 65%; }    
    .videos1 >div:nth-of-type(2){margin-top: 0px;}    
}

@media screen and (min-width:1300px){  
    .videos1 { width: 1225px; }    
    .videos1  .img,  .videos1  .img a, .videos1  video{ width: 590px; height: 400px; overflow: hidden; }    
}

@media screen and (max-width:1299px){
    .videos1 >div video{width: 100%;  }
}

@media screen and (max-width:1299px) and (min-width:800px){ 
    .videos1 { width: 87.5%; }    
    .videos1 >div{width: 48%;} 
    .videos1 >div img{width: 100%;}
}

@media screen and (min-width:1400px){ 
    .videos1 .botonPlay{width: 110px; height: 110px;}
    .videos1 .botonPlay img{ height: 50px; margin: 30px auto; }
    .resumen .fb, .resumen .ig{ background-size: 36px 36px; width: 36px; height: 36px; }
    .resumen .redes{width: 77px;}
    .resumen .nombre{ font-size: 30px; }
    .resumen .titulo{margin-top: 15px;}    
}

@media screen and (max-width:1399px){ 
    .resumen .fb, .resumen .ig{ background-size: 24px 24px; width: 24px; height: 24px; }    
    .resumen .redes{width: 24px;}
    .resumen .nombre{ font-size: 20px; }
    .resumen .titulo{margin-top: 10px;}        
}

@media screen and (max-width:1399px) and (min-width:800px){ 
    .videos1 .botonPlay{width: 64px; height: 64px;}
    .videos1 .botonPlay img{ height: 32px; margin: 16px auto; }       
}

@media screen and (max-width:799px){
    .resumen .img, .resumen>.video{margin-top: 10px;}
    .resumen .medio{display: none;}
    .videos1 .botonPlay{width: 50px; height: 50px;}
    .videos1 .botonPlay img{ height: 25px; margin: 12px auto; }       
    .resumen .nombre{padding-left: 10px;}    
    .resumen .redes{padding-right: 10px;}    
    .resumen .img a{display: block;}
    .resumen .img img{width: 100%;}    
}

video{display: block;}
.resumen .titulo>div{ vertical-align: middle; }
.resumen a + div{width: 100%;}
.resumen .nombre{color: #FFF; font-family: amsipro-black; }
.resumen a + div span{border-top: solid 1px #FFF; margin: 0px 5px; display: block;}
.resumen .fb, .resumen .ig{ display: block; float: left; }
.resumen .ig{margin-left: 5px;}