* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body,html{margin:0; padding: 0; width: 100%; height: 100%}
h1, h2, h3, h4, h5{text-transform: uppercase; font-family: 'Oswald', sans-serif;}
#check {
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(71, 179, 255, 0.4), rgba(18, 45, 64, 0)), url("../img/bg2.jpg") center;
  background-size: cover;
  position: relative;
}

a{ text-decoration: none !important}
.h-1{height: 600px; overflow:hidden}
.h-11{max-height: 300px; overflow:hidden}
.mr-20{margin-top: 20px}
.mr-50{margin-top: 50px}
.psa{position: absolute}
.fl{float: left}

.hover1{opacity: 1; transition: opacity ease-in-out .4s}
.hover1:hover {opacity: .3}
.yellow{background: #FBC707}
.black{background: #111}
.red1{background: #DB0000}
.rel{position: relative}

.bg-dark2{
	background: rgba(0,0,0,0.53)!important
}
.exp{background: rgba(0,0,0,0.7)}
.no-padding {padding: 0 !important}

h3 {font-family: 'Oswald', sans-serif; font-size: 18px!important; color: #333}

#logo{
	top:40%;
	width: 100%;
	height: 87px;
	position: absolute;
    }

#logo img{max-width: 571px}

.info{
	width: 100%;
	position: absolute;
	bottom: 0;}

.info span{color: #333;font-family: 'Oswald', sans-serif!important; background: #FDB706; padding: 3px 5px; font-size: 12px; text-transform:uppercase}
.info h4{color:#fff;  font-weight: 600; margin: 10px;}
.clip{background: linear-gradient(rgba(71, 179, 255, 0), rgba(0, 0, 0, 0.5));  height:200px }
.clip .wrap{ }
.clip:hover{background:  linear-gradient(rgba(71, 179, 255, 0), rgba(0, 0, 0, 0.9))}


.navbar a{color: #fff;font-family: 'MuseoModerno', cursive;}
.navbar a:hover{color: #FDB706}
.navbar-toggler{color: #fff !important}

	.parallax {
  /* The image used */
  background-image: url("img/bg4.jpg");
  height: 300px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.inicio .info h2{font-family: 'Oswald', sans-serif; font-size: 24px!important; color: #fff; padding: 20px; }
.inicio .date{ top:0; padding: 10px; color: #fff; font-family: 'Oswald', sans-serif; font-size: 12px; margin: 10px}


.width {width: 100%; position: relative; display: inline-block; margin: 1%; vertical-align: top; box-shadow: 0 0 4px rgba(0,0,0,.3);}
.width:before {content: ''; display: block;}

.ratio1-1:before {padding-top: 100%;}
.ratio2-1:before {padding-top: 50%;}
.ratio4-3:before {padding-top: 75%;}
.ratio16-9:before {padding-top: 56.25%;}
.contenido {position: absolute; top: 0; left: 0; bottom: 0; right: 0; font-size: 1.5rem; overflow: hidden;}
.ratw1{width: 100px!important; }
.ratw2{width: 200px!important; }
.ratw3{width: 300px!important; }



.list{margin: 20px 10px; background:#EBEBEB ; padding: 20px 0; }
.list h3{margin-top: 20px; margin-left: 20px}

#magazine img{padding: 20px 10px}


.gallery{background: #111; padding: 50px 0; }
footer{width: 100%; height: 300px}

@media (max-width: 768px) {
  #logo img{max-width: 300px}
	.h-1{height: 300px;}
}