.logo{
  width: 180px;
}
.nav{
  margin-top: 30px;
}
.zoom:hover {
  transform: scale(1.2); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  z-index: 99999;
}
.zoom {
  transition: transform .2s; /* Animation */
}
.nav-link{
  color:black;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 15px;
}
.overlay {
  background-color: rgba(0, 0, 0, 0.7);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 99;
}
.footer-link a{
  color: white;
  text-decoration: none;
}
a{
  color: #fbdf02;
}
.navbar-toggler {
    background-color: gray;
  }
.navbar-light .navbar-nav .nav-link{
  color: black;
}
body{
  font-family: "Barlow", sans-serif;
  font-size: 17px;
}
p{
  font-weight: 300;
}
h1,h2,h3,h4,h5{
  font-weight: 900;
}
h1{
  font-size: 50px;
}
.barlow-thin {
  font-family: "Barlow", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.barlow-extralight {
  font-family: "Barlow", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.barlow-light {
  font-family: "Barlow", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.barlow-regular {
  font-family: "Barlow", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.barlow-medium {
  font-family: "Barlow", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.barlow-semibold {
  font-family: "Barlow", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.barlow-bold {
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.barlow-extrabold {
  font-family: "Barlow", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.barlow-black {
  font-family: "Barlow", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.barlow-thin-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.barlow-extralight-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.barlow-light-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.barlow-regular-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.barlow-medium-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.barlow-semibold-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.barlow-bold-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.barlow-extrabold-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.barlow-black-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 900;
  font-style: italic;
}

.float{
  position:fixed;
  width:80px;
  height:80px;
  bottom:110px;
  right:33px;
  color:#FFF;
  border-radius:50px;
  text-align:center;
  font-size:30px;
  z-index:100;
}

.my-float{
  margin-top:16px;
}
.float img{
  width: 100% !important;
}
.active{
  color: #fbdf02 !important;
}
.persianas img{
  width: 100%;
  margin-bottom: 20px;
}

.persianas .active{
  color: gray!important;
}





@media only screen and (max-width: 800px){
  .logo{
    width: 140px;
  }
  .nav{
    margin-top: 10px;
  }
  body{
    font-family: "Barlow", sans-serif;
    font-size: 15px;
    text-align: justify;
  }
}