.svg-img{
    float: left;
    height:43vh;
    width: 25%;
    margin-left: 6.25%;
    border: solid 0.5px lightgray;
}

.grd{
    width: 40%;
    height: 400px;
    float: left;
    margin-left: 15%;
    margin-top: -200px;
}
.my{
    width:25%;
    height: 400px;
    float: left;
    margin-left: 2.5%;
    margin-top: -200px;
}
.ptt1{
    width:20.9% ;
    height: 400px;
    margin-left: 15%;
    float: left;
    margin-top: 30px;
}
.ptt{
    width:20.9% ;
    height: 400px;
    margin-left: 2.5%;
    float: left;
    margin-top: 30px;
}
.svg-img2{
    margin-left: 15%;
    height: -20vw;
    width: 22.5%;
    float: left;
    border: solid 0.5px lightgray;
}
.svg-img3{
    margin-left: 2.5%;
    height:-20vw;
    width: 22.5%;
    float: left;
    margin-top: 2.5%;
    border: solid 0.5px lightgray;
}
.text-img2{
    margin-left: 2.5%;
    height:-20vw;
    width: 45%;
    float: left;
    border: solid 0.5px lightgray;
}
.text-img3{
    margin-left: 15%;
    height:-20vw;
    width: 45%;
    float: left;
    margin-top:2.5% ;
    border: solid 0.5px lightgray;
}
#image{
     height:-80vw;
     width: 85%;
     background-image:url(img/molecule.png); 
     margin-top: 110vh;
     margin-left: 15%;
}
#text{
    width: 40%;
     margin-left:10% ;
}
.footer{
    background-color: #001d38;
    width: 100%;
    height: 700px;
    margin-top: 700px;
    color: white;
}
.indigo{
    width: 2px;
    height: 12vh;
    background-color: indigo;
   
    margin: auto;
}



@media screen and (max-width:1030px){
    .svg-img{
        float: none;
        width: 70%;
        margin: auto;
        margin-top: 30px;
    }
    .labo-img{
        float: none;
        width: 60%;
        margin: auto;
        margin-top: 30px;
    }
    .grd{
        margin-top: -200px;
    }
    #image{
       margin-top: 100px;
       
    }
    #text{
        width: 60%;
    }
    .footer{
        margin-top: 20px;
    }
    
    
    

}
@media  screen and (min-width:1030px) {
    .prblm{
        height: 40vh;
    }
}