.hero-wrapper{
background-size:cover;
position:relative;
padding:10rem 0 0 0;
color:#fff;
margin-bottom:5rem;
}

.hero-overlay{
background: linear-gradient(to left, #25669c, #1e2e45);
opacity:1;
}

.hero-content-wrapper{
position:relative;

}

.hero-content-wrapper img{
width:100%;
max-width:450px;
}

.hero-content{
padding-top:1rem;
}

.hero-content span{
background:#25669c;
padding:0.25rem 1rem;
border-radius:20px;
font-family:'Montserrat',sans-serif;
font-size:0.875rem;
}

.hero-content{
padding-left:2rem;
}

.hero-content-wrapper h1{
font-size:4.5rem;
margin:0.875rem 0;
}

.hero-content-wrapper p{
font-family:'Montserrat',sans-serif;
font-size:1.2rem;
padding-right:3.5rem;
}

.blogs-wrapper{
padding:0 1rem;
margin-bottom:3rem;
}

.item-content{
border:1px solid #f2f2f2;
margin-bottom:1.5rem;
}

.text-wrapper{
padding:1rem;
}

.text-wrapper h3{
color:#6e6d6b;
font-size:1.5rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.text-wrapper span, .text-wrapper p{
font-family: 'Montserrat',sans-serif;
font-size:0.875rem;
color:#949391;
}

.author{
margin:0.875rem 0 1rem 0;
}

.author i{
margin-right:0.25rem;
}

.author span:not(:first-child){
margin-left:1rem;
}

.blog-img-wrapper{
width:100%;
min-height:180px;
}

.blog-img1{
background:url(../img/home/instrument.jpg) center center no-repeat;
background-size:cover;
}

.blog-img2{
background:url(../img/home/detection.jpg) center center no-repeat;
background-size:cover;
}

.blog-img3{
background:url(../img/home/bacteria1.png) center center no-repeat;
background-size:cover;
}

.blog-img4{
background:url(../img/home/thc.jpg) center center no-repeat;
background-size:cover;
}

.blog-img5{
background:url(../img/home/Wheat_close-up.jpg) center center no-repeat;
background-size:cover;
}

.blog-img6{
background:url(../img/home/spectra.png) center center no-repeat;
background-size:cover;
}

.blog-img7{
background:url(../img/home/Near_IR1.jpg) center center no-repeat;
background-size:cover;
}

.read-more{
border-top:1px solid #f2f2f2;
padding-top:1rem;
color:#6e6d6b;
display:flex;
justify-content:flex-end;
align-items:center;
font-size:0.875rem;
}

.read-more a{
color:#6e6d6b;
}

.read-more i{
margin-left:0.25rem;
font-size:0.875rem;
}

@media (max-width:376px){
.hero-content{
padding-left:1.5rem;
}
.hero-content-wrapper h1{
font-size:2rem !important;
}
.hero-content-wrapper p{
font-size:0.875rem;
padding-right:1.5rem;
}
}

@media (max-width:1018px){
.hero-content-wrapper h1{
font-size:3.5rem;
}
}