body {
    font-family: "Josefin Sans", Arial, Tahoma, sans-serif;
}
.page-container {
    background: #2c2c51;
    color: white;
}
.slideshow {
    background-image: url(./bg.jpg);
    height: 30rem;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;}
    .overlay-slideshow {
        position: absolute;
        left:0;
        width:100%;
        height:30rem;
        background:rgba(255, 255, 255, 0.4);
        z-index: 1;
    }
.slideshow div{
position: absolute;
top:50%;
transform:translate(0%,-50%);
left:10%;
z-index: 2;}
.slideshow h2{
font-size: 3.2vw;
color:#2c2c51;
font-weight: bolder;
}
.slideshow p{
    color:#2c2c51;
    }
    .slideshow a {
        padding: 0.7rem 1rem;
        color:white;
        background-color: #2c2c51;
        text-decoration: none;
        border-radius: 20px;
    }
.about-info {
    text-align:center
}
.about-info h2:nth-child(3) {
color: #80a093;
}
.box {
    text-align: center;
}
.box span {
   color: wheat; 
   font-weight: bold;
}
.box li {
    width: fit-content;
    margin: auto;
}
.box li i {
    color:#d3ad7f;
    margin-right:4px;
}
li {
    list-style-type: none;
}
ul {
    margin: 0;
    padding: 0;
}
.about-us {
    text-align: center;
    
}
.pt-7 {
    padding-top:5rem;
}
.pb-7 {
    padding-bottom:5rem;
}
.about-us {
    background:  #f2e8df;
    color:#024126

}
.background-light {
    background:  #f2e8df;

}
.footer {
  background:  #f2e8df;
  border-bottom: 1px solid lightgrey;
}
.copyrights {
    border-top:1px solid lightgrey
}
.social li{
    display:inline-block;
    border-radius:100%;
    padding:0.2rem;
    background:#d3ad7f;
    width:30px;
    height:30px;
    text-align: center;
}
.footer span i {
    font-size: 1.5rem;
    margin-right: 5px;
}
.footer span h4 {
    color:#776c62;
    display: inline-block;
    
}
@media only screen and (max-width: 600px) {
    .pb-7 {
        padding-bottom:3rem;
    }
    .pt-7 {
        padding-top:3rem;
    }
}