@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,700');
html, body {
    height: 100%;
    width: 100%;
    font-family:'Poppins', sans-serif;
    color: #222222;
}
.navbar{

    padding: .8rem;
}
.navbar-nav li{
   
    padding-right: 20px;
}
.nav-link {
    font-size: 1.1em !important;
    
}
 
.carousel-inner img {
    width: 100%;
    height: 75%;
}
.carousel-caption {
    position: absolute;
    top: 75%;
    transform: translateY(-50%);
}

.jumbotron {
    padding: 1rem;
    border-radius: 0;
}
.padding {
    padding-bottom: 2rem;
}
.welcome {
    color:rgb(114, 110, 110) ;
    text-align: center;
    width: 75%;
    margin: 0 auto;
    padding-top: 2rem;
}
.welcome hr {
    border-top: 2px solid rgb(132, 132, 199);
    width: 95%;
    margin-top: .3rem;
    margin-bottom: 1rem;
}
.fa-anchor {
    color: rgb(88, 88, 241);
}
.fa-pound-sign {
    color: rgb(243, 35, 35);
}
.fa-building {
    color: #222222;
}
.fa-anchor, .fa-pound-sign, .fa-building {
    font-size: 64px;
    margin: 1rem;
}
.overlay {
    position: relative;
    width: 50%;
}
.footer {

   background-color: cornflowerblue ;
    padding-top: 2rem;
}
hr.title-borders {
    border-top: 1px solid blue;
    width: 75%;
    margin-top: .8rem;
    margin-bottom: 1rem;
}
 .title {
     font-family: 'poppins';
     color: blue; 

 }
 .times {
     font-family: 'poppins';
     color: blue;
 }


.footer a {
    color: rgb(71, 194, 194);
}
@media (max-width: 992px) {

}
@media (max-width: 768px) {


.visible-line {
    font-size: 200%;
}

@media (max-width: 576px) {
    
    .carousel-indicators {
        display: none;
    }
    .visible-line {
        font-size: 160%;
    }
    .centre {
        position: fluid;
        left: 50%;


    }
    .header picture img {
        width: 100%;
        height: 400px;
    }
    .card-columns{
        display: center;
        
       float: none;
       margin: 0 auto; 
    }
}
}

.main {
    width:500px;
    border:1px solid blue;
    }
    
    .month {
    background-color:black;
    font:bold 14px 'poppins';
    color:white;
    }
    
    .daysofweek {
    background-color:gray;
    font:bold 14px 'poppins';
    color:white;
    }
    
    .days {
    font-size: 14px;
    font-family:'poppins';
    color:black;
    background-color: azure;
    padding: 2px;
    }
    
    .days #today{
    font-weight: bold;
    color: blue;
    }

    .container {
        position: relative;
        width: 50%;
      }
      
      .image {
        display: block;
        width: 100%;
        height: 500px;
      }
      
      .overlay {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
        transition: .5s ease;
        background-color: #008CBA;
      }
      
      .container:hover .overlay {
        opacity: 1;
      }
      
      .text {
        color: white;
        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;
      }