/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 20-04-2020, 0:07:41
    Author     : JOSH
*/
* {
    scroll-behavior: smooth;
}
.caja{
    width: 100% !important;
    height: 7em;
}
.minilogos{
    width: 7em;
    transition: 1s;
    position: relative;
}
.minilogos:hover{
    width:  8em;
    text-decoration: none;
}
.mod{
    width: 100vw;
    height: 100vh;
}
.medidavideo{
    
    width: 100vw;
    height: 100vh;
}
.slider{
    height: 100%;
    width: 80%;
}
.cajavideo{
    width: 100%;
    height: 150%;
    object-fit: none;
    zoom: 110%;
    position: relative;
    z-index: 0;
}
.h-90{
    height: 90%!important;
}
.logo{
    z-index: 2;

}
.video{
    z-index: 1;
}
.navegador{
    z-index: 4;

}

.letras-menu{
    color: grey;
    font-weight: 450 !important;
    font-size: 1rem !important;
    transition: 0.5s;

}
.letras-menu:hover{
    color: grey;
    text-decoration: underline 5px;
    padding-top: 1em;
}
a:hover{
    text-decoration: none;
}
.row, .col-12{
    padding: 0px !important;
}
.banner-1{
    margin-top: 5em;
    background-image: url("../img/bgforest.jpg");
    height: 25vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.botonsito{
    background-image: url("../img/logowtsp.png");
    width: 90px;
    height: 90px;
    bottom: 0;
    right: 0;
    z-index: 300;
    position: fixed;
    margin:  2em;
    background-repeat: no-repeat;
    background-size: cover;
    transition: 1.5s;
    text-decoration: none;
}
.botonsito:hover{
    background-image: url("../img/logowtsphover.png");
    transform: scaleY(1.2) scaleX(1.2);
}
.servicios{
    transition: 1s;
    color: green;
    font-size: 4rem;
    margin:2rem;
    width: 7rem;
    height: 7rem;
    position: relative;
    border-radius: 3.5rem;
    text-decoration: none;
}
.servicios:hover{
    transform: translate(3);
    -ms-transform: skewY(10deg); /* IE 9 */
    transform: scaleY(1.2) scaleX(1.2);
    border-radius: 3.5rem;
    border: 5px solid green;
    width: 7rem;
    height: 7rem;
    text-decoration: none;

}
p{
    text-align: justify;
    padding-left:  3rem !important;
       padding-right:   3rem !important;
          padding-top:   1.5rem !important;
}
.logo-img{
    width: 70%;
    transition: 1.5s;
    padding-left: 8%;

}
.logo-img:hover{
    transform: scaleY(1.1) scaleX(1.1);
}
.mapa{
    width: 100%;
    height: 100%;
}
.bg-oscuro{
    background-color: #E8E8E8;
}
.footer{
    background-color: #a5cd39;
    width: 100%;
    height: 15rem;
}

@media only screen and (max-width: 400px) {
  .slide{
    height: 55%;
  }
  .display-4{
    font-size: 2rem;
  }
  p{
    font-size: 0.7rem;
  }
 
  .minilogos{
    width: 4em;
    transition: 1s;
    position: relative;
}
#submenu{
    display: none !important;
}
}