@charset "UTF-8";
/* CSS Document */
body {

background-image: url(img/bg.jpg);
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
background-color: #66999;

}
@media (min-width:768px){
  .fixed_menu {
    position: fixed;
    top: 0;
    z-index: 999;
    left: 0;
    background: rgba(0, 0, 0, 0.75) none repeat scroll 0 0;
    width: 100%;
    /*padding: 10px;*/
}
}
@media only screen and (max-width: 1024px) {
.fixed_menu {display: none;
	}
}
.banner-superior{
	margin:100px auto 0px auto;
	text-align: center;
	overflow: hidden;
	clear: both;
}
.section{
	
	margin:30px auto;
	text-align: center;
	overflow: hidden;
	clear: both;	
	
}

.video-container, .audio-container {
	margin: 20px auto;
}
.cabecera{
	display:block;
	clear: both;
}

.footer {
    
    background: rgba(0, 0, 0, 0.95) none repeat scroll 0 0;
    width: 100%;
    padding: 0px
}
/*CSS Menú Responsive*/
body{
    margin:0;
}

*{
    box-sizing: content-box
}

.app{
    height: 100vh;
    width: 100vw;
    /*position: relative;*/
	position: fixed;
	top:0px;
}

#menu-drawer{
    background: rgba(0, 0, 0, 0.75) none repeat scroll 0 0;
    width: 380px;
    height: 100vh;
    position: fixed;
    left: -380px;
    will-change: transform;
    transition: 200ms;
	overflow: hidden;
	color: #fff;
	top:80px;
}

.menu-drawer--open{
    transform: translateX(380px);
}

.header{
    width: 100vw;
    background: rgba(0, 0, 0, 0.75) none repeat scroll 0 0;
    height: 80px;
	position: fixed;
	top:0px;
}

.hamburger{
    padding: 20px;
    cursor: pointer;
	color: #fff;
	font-size: 25px;
	position: fixed;
	top:0px;
}

.close{
    position: absolute;
    right: 0;
    padding: 20px;
	color: #fff;
	font-size: 25px;
	cursor: pointer;
}
.item-menu-mobile{
	margin: 0px 0px 0px 20px;
}
.item-menu-mobile-first{
	margin: 60px 0px 0px 20px;
}

@media only screen and (min-width: 1024px) {
    .hamburger{
        display: none;
    }
    #menu-drawer, .item-menu-mobile{
        display: none;
    }
	.app{
        display: none;
    }
	.header{
		display: none;
	}
}
.videos-movil {display:none;}
.videos-movil a {display:block;}
@media (max-width: 900px) {
.videos-pc{
	display: none;
}
	.videos-movil {display:block; overflow: hidden; width: 100%; margin: 20px 0 0 0;}
	.videos-movil img {width: 100%; max-width: 560px; margin: 0px auto 20px auto; display: block; }
	.banner-superior{
	margin:90px auto 0px auto;
	text-align: center;
	overflow: hidden;
	clear: both;
}
}
.responsive {
  width: 95%;
  max-width: 500px;
  height: auto;
}
.responsive-banner-top, .responsive-arbol, .responsive-banner-sorteo {
  width: 95%;
  max-width: 1200px;
  height: auto;
}
.responsive-spotify {
  width: 95%;
  max-width: 500px;
  height: 380px;
}
.tw-post, .fb-post, .ig-post{max-width: 350px; margin: 20px auto;}