html { overflow-x:hidden;  }

body {font-size: 16px; font-family: 'Source Sans Pro', sans-serif; font-weight: lighter;}


#wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}

#main {
  padding-top: 100px;
  height: 100%;
  margin: auto;
  max-width: 1100px;
  z-index: 5;
}

.fullscreen-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
}

.fullscreen-bg__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

  .servicio {margin-top: 0px;  color:#FFF;}
  .servicio + .servicio {margin-top: 40px;}
 
  .servicio div { width: 550px;}
  .servicio div.cont { width: 100%;}

  .servicio div span.titulo { color: #27aae0; font-family: 'Roboto', sans-serif;
  font-size: 3em; line-height: 1.5em; }

span.parrafo p{
  color: #000000;
font-weight: lighter !important;
padding-top: 15px;
line-height: 30px; }


#main p { color: #fff; font-size: 20px; clear: both;}

h1 {text-align: center; color: #fff; font-size: 35px;
  padding-bottom: 35px;}


.fas{
  font-size: 20px;
  color: #fff;
}

#galeria1 {
  float: left;
  height: 200px;
  width: 50%;
  text-align: center;
}

#picperfo p {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}

#galeria2 {
  float: right;
  height: 200px;
  width: 50%;
  text-align: center;
}

#pictaller p {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}

#pictaller{clear: both; padding-bottom: 40px;}

footer {
  clear: both;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding-bottom: 10px;
}

footer .lehinnova { 
  color: #fff;
  font-size: 13px;
}

.lehinnova a { color: #ea088c; text-decoration: none; font-weight: bold; }
.lehinnova a:hover {color: #ff56b9;}

.center {
  box-sizing: border-box;
  margin: auto;
  max-width: 1200px;
  position: relative;
  width: 100%;
}

#footer .lehinnova {
 color: #fff; font-size: 12px;
}

/*** RESPONSIVE ***/

img { max-width:100%; height:auto; }


@media screen and (max-width: 414px) {

  #main {padding-top: 50px; }
  #main p{padding-bottom: 10px;  width: 80%; margin: auto; text-align: center; }
  #galeria1, #galeria2 {width: 100%; margin:auto; float: inherit;}
  footer {min-height: inherit !important;}
  #picperfo, #pictaller {display: block; }
     div.cont{text-align: center;}
}

@media (min-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    height: 300%;
    top: -100%;}
}

@media (max-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    width: 300%;
    left: -100%;}
}

@media screen and (max-width: 414px) {

   h1 {font-size: 32px;}
   #picperfo, #pictaller {margin:auto; width: 90%; display: block; }
   #galeria1, #galeria2 {width: 80%; height: 150px;}

   .servicio div span.titulo { font-size: 2em; }

   div.cont{text-align: center;}