.top-template{
    height: 120px;
    width: 100%;
    background-color: white;
    color: rgb(37, 4, 4);

    /* border: 2px solid red; */
    /* padding: 0vw 2vw; */
}
.left-logo{
    /* border: 2px solid black; */
    width: 10%;
}
.left-logo img{
    height: 90px;
    width: 90px;
}
.right-logo{
    /* border: 2px solid green; */
    width: 10%;
}
.right-logo img{
    height: 90px;
    width: 90px;
}
/* .institute-name{
    border: 2px solid yellow;
    width: 80%;
    font-size: 20px;
    
} */
.laboratory-name h2{ 
    /* border: 2px solid yellow; */
    margin-bottom: 0px
    /* width: 80%; */
    /* font-size: 20px; */
}
.inst-p{
    margin: 0px 0px;
    /* border: 2px solid gray; */
    /* flex-wrap: wrap; */
    /* background-color: gray; */
    font-size: 1.1rem;
}
.lab-h{
    margin: 0px 0px;
    text-shadow: 2px 2px #f7a5a5;
    /* font-size: 2.6rem; */
}
/* Responsive */

@media only screen and (max-width:1021px)  {
    .inst-p{
        text-align: center;

    }
}
@media only screen and (max-width:825px)  {
    .top-template{
        font-size: 1.1rem;
    }
}
@media only screen and (max-width:700px)  {
    .laboratory-name h2{
        /* border: 2px solid yellow; */
        /* width: 80%; */
        font-size: 25px;
        font-weight: bolder;
    }
    .right-logo img{
        height: 44px;
        width: 44px;
    }
    .left-logo img{
        height: 44px;
        width: 44px;
    }

    
}
@media only screen and (max-width:618px) {
    .laboratory-name h2{
        font-size: 20px;
        font-weight: bolder;
    }
    .inst-p h5{
        font-size: 15px;
        font-weight: bold;
    }
    
}
@media only screen and (max-width:500px) {
    .lab-h h2{
        text-align: center;
    }

    
}