.midarea{
    width: 100%;
    height: auto;
    padding-top:80px;
}

.midarea p{
    text-align: justify;
    font-size: 16px;
    font-weight:400;
    color: grey;
    font-style:oblique;
    padding: 0px 20px;
}

.about-bg{
    /* background: linear-gradient(90deg, rgb(0, 29, 36) 0%, rgb(9, 99, 121) 35%, rgb(0, 225, 255) 100%); 
    background-size: cover;  */
    margin-top:50px !important; 
    height:auto;
    border: solid 8px black;
}
.about-bg h1{
    margin-top: 10px;
    font-size: 30px;
    letter-spacing: 5px;
    font-weight: 200;
    color: black;
    text-transform: uppercase;
}
.img-about{
    box-shadow: 0 0 10px 5px ;
    border:8px double black;
}

.story{
    width: 100%;
    height:auto;
    padding-top:50px;
}

.story h1{
    padding-top:50px;
    font-size: 30px;
    letter-spacing: 5px;
    font-weight: 200;
    color: black;
    text-transform: uppercase;
    padding-left: 20px;
}

.story p{
    text-align: justify;
    font-size: 16px;
    font-weight:400;
    color: grey;
    font-style:oblique;
    padding: 0px 20px;
}


.l1{
    height: auto;
    width: 100%;
    padding-top:50px;
}

.l1 h2{
    padding-top:50px;
    font-size: 30px;
    letter-spacing:2px;
    font-weight: 500;
    font-family: 'Times New Roman', Times, serif;
    color: black;
    text-transform: uppercase;
    padding-left: 20px;
}

.l1 h3 a{
    text-decoration: none;
    color: teal;
    padding-left: 20px;
    font-size: 25px;
    text-align: center;
}
.l1 h3 a:hover{
    color: rgb(3, 90, 90);
    text-decoration: none;
}

.l1 p{
    text-align: justify;
    font-size: 16px;
    font-weight:400;
    color: grey;
    font-style:oblique;
    padding-left: 5px ;
}

.insta{
    border: solid 1px transparent;
    overflow: hidden;
    margin-top: 50px;
    margin-bottom: 50px;
}

.insta a img{
    transition: all 2s;
    opacity: 0.8;
}

.insta a img:hover{
    transform: scale(1.1,1.1) rotate(-3deg);
    opacity:1;
}