.depart h2{
    /* padding-left: 50px; */
    margin-left: 50px;
    font-size: 25px;
    font-family: system-ui;
    color: #ef6868;
    display: inline-block;
    border-bottom: 2px solid #ef6868;
   
   }
   /* .depart h2:hover{
       color: #ef6868;
       border-color: #ef6868;
       
   } */
   
   
   .linkbox{
    border: 2px solid black;
    width: 250px;
    margin-left: 50px ;
   }
   .linkbox a{
       padding-left: 10px;
       color: black;
   }
   .link:hover {
       color: #ef6868;
       /* background: white; */
       text-decoration: none;
   }
   .content h3{
    padding-left: 330px;
    margin-top: -103px;
    font-size: 20px;
   }
   .content p{
    padding-left: 330px;
    /* margin-left: 100px; */
    padding-right: 90px;
    text-align: justify;
    font-size: 13px;
    text-indent: 30px;
    line-height: 25px;
    text-transform: uppercase;
   }
   .imgbox{
       display: flex;
   }
   .imgone img{
       height: 300px;
    /* width: 400px; */
    margin-left: 330px;
   }
   .imgtwo img{
    /* width: 400px; */
    height: 300px;
    /* width: 400px; */
    margin-left: 50px;
   }
   .contenttwo p{
    padding-left: 330px;
    padding-top: 25px;
    /* margin-left: 100px; */
    padding-right: 90px;
    text-align: justify;
    font-size: 13px;
    text-indent: 30px;
    line-height: 25px;
    text-transform: uppercase;
   }
   .boximg{
    display: flex;
}
.firstimg img{
    width: 400px;
    margin-left: 330px;
}
.secondimg img{
    width: 400px;
    margin-left: 30px;
}
@media only screen and (max-width: 450px) {
    .depart h2{
        margin-left: 0;
    }
    .linkbox{
        margin-left: 0;
    }
    .content h3{
        padding-left: 0;
        margin-top: 0;
    }
    .content p{
        padding-left: 0;
    }
    .imgbox{
        display: inline-block;
    }
    .imgone img{
        margin-left: 0;
    }
    .imgtwo img{
        margin-left: 0;
        margin-top: 10px;
    }
    .contenttwo p{
        padding-left: 0;
    }
}