@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/especiales/montserrat/montserrat-thin-webfont.woff2') format('woff2'),
       url('/fonts/especiales/montserrat/montserrat-thin-webfont.woff') format('woff');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/especiales/montserrat/montserrat-extralight-webfont.woff2') format('woff2'),
       url('/fonts/especiales/montserrat/montserrat-extralight-webfont.woff') format('woff');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/especiales/montserrat/montserrat-light-webfont.woff2') format('woff2'),
       url('/fonts/especiales/montserrat/montserrat-light-webfont.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/especiales/montserrat/montserrat-regular-webfont.woff2') format('woff2'),
       url('/fonts/especiales/montserrat/montserrat-regular-webfont.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/especiales/montserrat/montserrat-medium-webfont.woff2') format('woff2'),
       url('/fonts/especiales/montserrat/montserrat-medium-webfont.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/especiales/montserrat/montserrat-semibold-webfont.woff2') format('woff2'),
       url('/fonts/especiales/montserrat/montserrat-semibold-webfont.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/especiales/montserrat/montserrat-bold-webfont.woff2') format('woff2'),
       url('/fonts/especiales/montserrat/montserrat-bold-webfont.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/especiales/montserrat/montserrat-extrabold-webfont.woff2') format('woff2'),
       url('/fonts/especiales/montserrat/montserrat-extrabold-webfont.woff') format('woff');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/especiales/montserrat/montserrat-black-webfont.woff2') format('woff2'),
       url('/fonts/especiales/montserrat/montserrat-black-webfont.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}


body {
	background: url('../images/fondo.jpg') no-repeat center top #03b282;
  background-size: cover;
  height: 100vh;
  font-family: 'Montserrat';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;

}

.contenido {
  display: inline-block;
  width: 100%;
  max-width: 360px;
  margin: 0 auto;
  padding: 20px ;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
}
@media screen and (min-width:600px){
  .contenido {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

.contenido h2 { 
  text-align: center;
  font-family: 'Montserrat';
  font-weight: 700;
  line-height: 1em;
  font-size: 24px;
  color: #FFF;
  text-align: center;
  margin: 15px auto;

}

.frases {
	text-align: center;
  font-family: 'Montserrat';
  font-weight: 400;
  line-height: 1em;
	font-size: 16px;
	color: #FFF;
  padding-top: 30px;
	background: url('../images/globo.png') no-repeat top center;
}

.logo {
  display: inline-block;
  margin: 0;
}

.logo a {
  background: url('/verne/iconos/v1.x/v1.0/logos/verne.svg') no-repeat scroll center;
  background-size: contain;
  display: inline-block;
  text-align: left;
  text-indent: -9999px;
  overflow: hidden;
  width: 105px;
  height: 22px;
}

.boton {
	cursor: pointer;
	margin: 20px auto;
	text-align: center;
	opacity: 1;
}

.boton a {
	display: block;
	text-align: center;
	font-family: 'Montserrat';
	font-weight: bold;
	line-height: 2.5em;
	font-size: 17px;
	color: #FFF;
	position: relative;
	margin-top:35px;
	background: rgba(0, 182, 131,0.8);
	border-radius:25px;
  border:2px solid #fff;
	width:90%;
	margin:0 auto;
	text-transform:uppercase;
	-webkit-box-shadow: 2px 2px 2px 0px rgba(82,82,82,0.5);
	-moz-box-shadow: 2px 2px 2px 0px rgba(82,82,82,0.5);
	box-shadow: 2px 2px 2px 0px rgba(82,82,82,0.5);
	transition:all 0.5s ease-in;
}
.boton a:hover{
	-webkit-box-shadow: 0px 0px 0px 0px rgba(137, 135, 131);
	-moz-box-shadow: 0px 0px 0px 0px rgba(137, 135, 131);
	box-shadow: 0px 0px 0px 0px rgba(137, 135, 131);
	color:rgba(255,255,255,0.9);
  background: rgba(0, 182, 131,0.5);
}
.boton img {
  margin: 0 auto;
}

.barra_compartir{
  float: right;
}
.compartir {
  
  margin-top: -3px;
}

.compartir li {
  display: inline-block;
}

.compartir li a {
  text-align: left;
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  width: 30px;
  height: 30px;
  margin: 0;
  transition: opacity .3s;
}

.compartir li a.facebook {
  background: url('../images/facebook.svg') no-repeat center;
}

.compartir li a.twitter {
  background: url('../images/twitter.svg') no-repeat center;
}

.compartir li a.whatsapp {
  background: url('../images/whatsapp2.svg') no-repeat center;
}
 

@media (max-width:999px){
  
}

@media (max-width:599px){
  body {
    background-size: initial;
  }
  .contenido {
    width: 90%;
    left: auto;
    top: auto;
    position: relative;
    margin: 30px auto;
    padding: 20px 0;
    padding-top: 30px;
  }
  .boton img {
    width: 140px;
  }
  .contenido h2{
    font-size: 22px;
  }
}

@media (max-width:360px){
  .logo a {
  	background-size: 120px auto;
  	width: 120px;
  }

  .frases {
    font-size: 16px;
  }
  .boton img{
    margin: 0 auto;
    width:120px;
  }
  .contenido {
    margin: 0 auto;
    margin-bottom: 0;
    padding-bottom:0; 
  }
  .logo a {
    background-size: 100px auto;
  }
  .compartir li a{
    width:25px;
    height:25px;
  }
}