/* Global Styling */
body, header, nav, main {
    margin: 0;
    padding: 0;
  }
  
  body {
    background: #F4F6F7 ;
    font-family: "kanit";
    font-size: 24px;
    color: #fcfff5;
  }
  
#links{
  font-size: 20px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  border-bottom: 4px
}
  
#sepa {
   text-decoration: none;
   padding-left: 40px;
   transition:all .5s linear;
}

#logo {

  width: 50px;
}
#map{
  text-align: center;
  padding: 70px;
}




.text{
  font-family: 'Times New Roman', serif;
  text-align: center;
  padding-left: 80px;
  padding-right: 80px;
  font-size: 30px;
}

/* navigation bar */ 

#navi {
  color: #3b3b3b;
  position: relative;
  text-decoration: none;
  padding-bottom: 2px;
}

#navi::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  border-radius: 6px;
  background-color: #18272F;
  bottom: 0;
  left: 0;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform .3s ease-in-out;
}

#navi:hover::before {
  transform-origin: left;
  transform: scaleX(1);
}


.navbar-brand {
  height: 30px;
}
.navbar-collapse{
  background: white;
  margin-top: 17px;
}
#portada{
  filter: brightness(50%);
  padding-top: 0px;
  margin-top: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover; 
}

#links{
  padding-bottom: 0px;
  margin-bottom: 0px;
  border-bottom: 4px;

}
.container-fluid{
  height: 80px;
  background-color: white ;
}
#bs-example-navbar-collapse-1{
 border-top: white;
 background-color: white;
}
#intro{
  position: relative;
  text-align: center;
}
#slogan{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-family: 'Brush Script MT', cursive;
  font-size: 5vw;
}
footer{
  background-color: black;
  height: 300px;
  width: 100%;
}

.diapositivas{
  display: none;
  width:80%;
  margin-left: 10%;
  margin-right: 10%;
  height: 40vh;
  margin-bottom: 100px;
}
#logofooter{
  float:left;
  width: 15vh;
  margin-top: 6vh;
  margin-left: 3vh;
}
.compañia{
  list-style-type: none;
 
}
.navfirstitem{
  color: #bf0811;
}
.navlis{
  text-align: center;
}





.homepagefooter
{
  background-color: black;
  padding:4vh 0 2vh;
  font-size: 16px;
  line-height:28px;
  color: #C5C5C5;
}
.homepagefooter hr
{
  border-top-color: white;
}
.homepagefooter h6
{
  color:white ;
  font-size:17px;
  text-transform:uppercase;
  margin-top:5px;
  letter-spacing:3px
}
.homepagefooter a
{
  color:#737373;
}
.homepagefooter a:hover
{
  color:#3366cc;
  text-decoration:none;
}
.footer-links
{
  padding-left:0;
  list-style:none
}
.footer-links li
{
  display:block
}
.footer-links a
{
  color:#737373
}

.footer-links.inline li
{
  display:inline-block
}
.homepagefooter .social-icons
{
  text-align:right
}
.homepagefooter .social-icons a
{
  width:40px;
  height:40px;
  line-height:40px;
  margin-left:6px;
  margin-right:0;
  border-radius:100%;
  background-color:#33353d
}
.copyright-text
{
  margin:0
}


@media (max-width:767px)
{
  .homepagefooter
  {
    padding-bottom:0
  }
  
  
  .homepagefooter .copyright-text,.site-footer .social-icons
  {
    text-align:center
  }
}
.social-icons
{
  padding-left:0;
  margin-bottom:0;
  list-style:none;
  margin-right: 3vh;
}
.social-icons li
{
  display:inline-block;
margin-bottom:4px;
}
.social-icons li.title
{
  margin-right:15px;
  text-transform:uppercase;
  color:#96a2b2;
  font-weight:700;
  font-size:13px;
}
.social-icons a{
  background-color:#787878;
  color:#B8B8B8;
  font-size:16px;
  display:inline-block;
  line-height:44px;
  width:44px;
  height:44px;
  text-align:center;
  margin-right:8px;
  border-radius:100%;
  -webkit-transition:all .2s linear;
  -o-transition:all .2s linear;
  transition:all .2s linear;
}
.social-icons a:active,.social-icons a:focus,.social-icons a:hover
{
  color:#fff;
  background-color:#29aafe;
}
.social-icons.size-sm a
{
  line-height:34px;
  height:34px;
  width:34px;
  font-size:14px;
}
.social-icons a.facebook:hover
{
  background-color:#4267B2
}
.social-icons a.twitter:hover
{
  background-color:#00aced
}
.social-icons a.linkedin:hover
{
  background-color:#0A66C2
}
@media (max-width:767px)
{
  .social-icons li.title
  {
    display:block;
    margin-right:0;
    font-weight:600
  }
}
.footercontainer{
  background-color: black;
  height: fit-content;
}
.copyright-text{
  margin-left: 3vh;
}

.contenido{
  background-image: url("fondoencu.jpg");
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 500px;
  text-align: center;
  align-items: center;
  justify-content: center;
  
  
}
.encue-boton {
  margin: auto;
  margin-top: 10vh;
  top: 50%;
  font-size: 2vh;
  color: white;
  background-color: black;
  padding: 1vh;
  display: block;
}

.imagen-enc{
  top: 10%;
  height: 20vh;
  display: block;
  margin: auto;
}
@media only screen and (max-width: 600px) {
  #logofooter{
    float:left;
    width: 10vh;
    margin-top: 2vh;
    margin-left: 1vh;
  }
}