body{ font-family: 'Roboto', sans-serif;}
.structure-5{ width: 100%; display: inline-block;}
.structure-5 .thumb-title-main{ width: 100%; text-align: center; display: inline-block; margin: 2rem 0 0 0;}
.structure-5 .thumb-sub-title{ width: 100%; display: inline-block; margin: 0px; text-transform: uppercase; color: #5D5D5D; font-size: 10px; font-weight: 600; letter-spacing: 1px;}
.structure-5 .thumb-title{ width: 100%; display: inline-block; margin: 2px 0 2.5rem 0; text-transform: uppercase; color: #5D5D5D; font-size: 17px; font-weight: 600; letter-spacing: 1px;}
.structure-5 .project-main{ background: url("//api.storearmy.com/edit/themes/structure/images/bg04.jpg") no-repeat; width: 100%; object-fit: cover; height: 500px;  margin-top: 4rem; box-shadow: 0 20px 100px -20px #000; -webkit-box-shadow: 0 20px 100px -20px #000; margin-bottom: 8rem; display: flex; justify-content: center; align-items: center;}
.structure-5 .project-details-main{ background: #ffffff; width: 500px; padding: 10rem 12rem; box-shadow: 0 10px 60px -20px #000;}
.structure-5 .project-title{ width: 100%; display: inline-block; margin: 0px 0 7rem 0; color: #5D5D5D; font-size: 17px; letter-spacing: 1px; font-weight: 500; text-transform: uppercase;}
.structure-5 .project-description{ width: 100%; display: inline-block; margin: 0px 0 6rem 0; color: #999999; font-weight: 400; line-height: 2.5rem; text-transform: uppercase; font-size: 12px; letter-spacing: 0.5px;}
.structure-5 .explore-btn{ background: #E0E5E7; border: none; letter-spacing: 5px; font-size: 11px; color: #5D5D5D; padding: 1.7rem 3rem; font-weight: 500; text-transform: uppercase; box-shadow: 0 16px 20px -10px #C1D1DB; -webkit-box-shadow: 0 16px 20px -10px #C1D1DB;}




@media screen and (min-width:901px) and (max-width:1024px){


}

@media screen and (min-width:768px) and (max-width:900px){
    .structure-5 .project-details-main{ margin-top: 118rem; box-shadow: none; padding: 0rem 7rem 10rem;}

}

@media screen and (min-width:601px) and (max-width:767px){
    .structure-5 .project-details-main{ margin-top: 106rem; box-shadow: none; padding: 0rem 5rem 8rem;}

}

@media screen and (min-width:481px) and (max-width:600px){
    .structure-5 .project-details-main{ margin-top: 104rem; box-shadow: none; padding: 0rem 5rem 8rem;}
    .structure-5 .project-title{ margin: 0 0 5rem 0;}
    .structure-5 .project-description{ margin: 0 0 5rem 0;}

}

@media screen and (max-width:480px){
    .structure-5 .project-details-main{ margin-top: 104rem; box-shadow: none; padding: 0rem 2rem 8rem;}
    .structure-5 .project-title{ margin: 0 0 5rem 0;}
    .structure-5 .project-description{ margin: 0 0 5rem 0;}

}