/*
 * Globals
 */


/* Custom default button */
.btn-third{
  background-color: #ff9500;
  color: #fff;
  

}

.btn-primary{
  background-color: #ff9500;

}

.btn-secondary{
  background-color: #ff9500;
}

a{
  color: #ff9500;
}


/*
 * Base structure
 */

body {
  text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
  box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
}

.cover-container {
  background-image: url(../images/IMG_1276.jpg);
  max-width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: 20% 0px;
}

.cover {
    position: absolute;
    top: 50%;
    right: 10%;
    z-index: 20;
}

.inner {
    max-width: 42em;
  }


/*
 * Header
 */

.navbar-dark .nav-link {
  padding: .25rem 0;
  font-weight: 700;
  color: rgba(255, 255, 255, .5);
  background-color: transparent;
  border-bottom: .25rem solid transparent;
}

.navbar-dark .nav-link:hover,
.navbar-dark .nav-link:focus {
  border-bottom-color: rgba(255, 255, 255, .25);
}

.navbar-dark .nav-link + .nav-link {
  margin-left: 1rem;
}

.navbar-dark .active {
  color: #ff9500 !important;
  border-bottom-color: #ff9500 !important;
}

.content {
    padding: 16px;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}

.sticky + .content {
    padding-top: 60px;
}

.container {
    position: relative;
    
  }
  
  .image {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
  }
  
  .middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
  }
  
  .container:hover .image {
    opacity: 0.3;
  }
  
  .container:hover .middle {
    opacity: 1;
  }
  
  .text {
    background-color: #ffffff;
    color: #ff9500;
    font-size: 16px;
    padding: 16px 32px;
  }

  .texts {
    background-color: #ffffff;
    color: #ff9500;
    font-size: 16px;
    padding: 16px 32px;
  }

  .image1 {
    max-width: 300px;
  }

  .image2 {
    max-width: 300px;
  }

  .image3 {
    max-width: 300px;
  }

 .flyer img{
width: 500px;
padding: 10px;
transition: transform 0.3s ease-in-out;
 }
 img {
  overflow-clip-margin: content-box;
  overflow: clip;}



  .containers {
    position: relative;
    width: 40%;
    justify-content: center;
    align-items: center;
    left: 30%;
  }
  
  .images {
    display: block;
    width: 100%;
    height: auto;
    align-items: center;
    display: flex;
    
  }
  
  .overlays {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #ff95005a;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .3s ease;
    transition: .3s ease;
    justify-content: center;
    
  }
  
  .containers:hover .overlays {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    justify-content: center;
  }
  
  .texts {
    color: #ff9500;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
  }