/**********ESTILOS ENCABEZADOS********/
h1,h2,h3,h4,h5,h6 {
	font-family: "Ubuntu", sans-serif;
	font-weight: 700;
  	line-height: 1.2;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: 700; }

/**TITULO PPAL INTERNAS**/
h1 { font-size:2.8rem; text-align:center; padding:0 0 0 0; margin:0 0 1rem 0; text-transform:uppercase; color:#00194b;}

/**SUBTÍTULO INTERNAS***/
h2 { font-size:2.5rem; text-align:left; padding:0 0 0 0; margin:1rem 0 1rem 0; text-transform:none; color:#00194b;}

/**TÍTULOS CREDITOS HOME**/
h3 { font-size:1.5rem; text-align:left; margin:0rem 0rem 1.25rem 0rem; padding:0rem 0rem 0rem 0rem; text-transform:none; color:#00194b;}

/**TITULO VENTANA GALERÍA FOTOS SERVICIOS**/
h4 { font-size:1.35rem; padding:0rem 0rem 0rem 0rem; margin:0rem 0rem 1rem 0rem; text-align:center; text-transform:none; color:#00194b;}

/**TÍTULOS HOME**/
h5 { font-size:1.95rem; text-align:left; padding:0rem 0rem 0rem 0rem; margin:0rem 0rem 0.9375rem 0rem; text-transform:none; color:#00194b;}

/**TITULOS HOME***/
h6 { font-size:1.95rem; text-align:center; padding: 0rem 0rem 0rem 0rem; margin:0rem 0rem 1.25rem 0rem; text-transform:none; color:#00194b;}


body {
    margin: 0;
	padding: 0;
	/*background: url(https://cdn.pixabay.com/photo/2015/12/04/14/05/code-1076533_1280.jpg) center center no-repeat;
    background-size: cover;
    background-attachment: fixed;*/
	font-size: 1.25rem;
	font-family: "Ubuntu", sans-serif;
	font-weight: 400;
	color: #FFF;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1.2;
}

p {
	margin-bottom:0rem;
	/* font-size: 1.125rem; */
	line-height: 1.2;
}

/***************************BODY************************************/
.landingpage {
    margin-top: 11vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.contenedor-info {
    background-color: rgba(149, 149, 149, 0.8);
    padding-top: 3rem;
    padding-bottom: 3rem;
    border-top-left-radius: 1.875rem;
    border-top-right-radius: 1.875rem;
    border: 1px solid #003d69;
    filter: drop-shadow(0 0 5px #F1F1F1);
}

.contenedor-info img {
    margin-bottom: 2rem;
}

.contenedor-info p {
    text-align: justify;
}

.fondo-footer {
    background-color: #00194b;
    padding: 2.25rem 1.125rem 2.25rem 1.125rem;
    border-bottom-left-radius: 1.875rem;
    border-bottom-right-radius: 1.875rem;
    border-top: 2px dashed #b5b5b5;
    border-left: 1px solid #003d69;
    border-right: 1px solid #003d69;
    border-bottom: 1px solid #003d69;
    filter: drop-shadow(0 0 5px #F1F1F1);
}

.fondo-footer .creditos {
    color: #FFF;
}

.fondo-footer .creditos p {
    text-align: center;
}

/*************BOTONES************************/
.fondobtows, .fondobtoemail {
    border-radius: 1rem;
    filter: drop-shadow(0 0 0rem transparent);
}

.fondobtows:hover, .fondobtoemail:hover {
    filter: drop-shadow(0 0 0.20rem #121212);
}

.fondobtows {
    background-color: #4aae20;
}

.fondobtows:hover {
    background-color: #128c7e;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.fondobtoemail {
    background-color: #00194b;
}

.fondobtoemail:hover {
    background-color: #1e4b71;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.btos {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
}

.btos a {
    position: relative;
    display: block;
    overflow: hidden;
    color: #FFF;
    font-size: 20px;
}

.btos a span {
    width: 100%;
    transition: transform 0.2s ease-out;
}

.btos a span:first-child {
  display: inline-block;
  padding: 10px;
}

.btos a span:last-child {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateX(-100%);
}

.btos i {
  font-size: 25px;
}

.btos a:hover span:first-child {
  transform: translateX(100%);
}

.btos a:hover span:last-child, .btos[data-animation] a:hover span:last-child {
  transform: none;
}

video {
    background-color: #00194b; 
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 105%;
    min-height: 100%;
    /*transform: translateX(calc((100% - 100vw) / 2));*/
    z-index: -2;
}

/*************************************************************/


/****MEDIA QUERIES*****/

/* Small only */
@media screen and (max-width: 39.9375em) {

	.landingpage {
        margin-top: 5%;
    }

}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    
    .landingpage {
        margin-top: 8%;
    }

}

/****MEDIA QUERIES*****/