/* SECTION BACKGROUND */

.overview{
background:url("https://images.unsplash.com/photo-1518770660439-4636190af475") center/cover no-repeat;
position:relative;
padding:120px 0;
color:#ffffff; /* all text white */
}

.overview::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(3, 47, 125, 0.75);
}

/* HEADER */

.header-row{
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:40px;
flex-wrap:wrap;
position:relative;
z-index:2;
}

.header-row h1{
font-size:40px;
font-weight:500;
line-height:1.2;
max-width:950px;
color:#B5C5CB; /* heading yellow */
}

.header-row h1 span{
font-family:'Playfair Display',serif;
}

/* OVERVIEW TAG */

.overview-tag{
display:flex;
align-items:center;
gap:10px;
margin-top:20px;
}

.overview-tag .line{
width:50px;
height:1px;
background:#ffffff;
}

.overview-tag p{
font-size:13px;
letter-spacing:2px;
color:#ffffff; /* white text */
}

/* DIVIDER */

.divider{
width:100%;
height:1px;
background:#ffffff;
margin:40px 0;
}

/* TEXT */

.overview-text{
font-size:18px;
line-height:1.9;
color:#ffffff; /* white text */
text-align:justify;
position:relative;
z-index:2;
}

/* TABLET */

@media (max-width:1024px){

.container{
padding:60px;
}

.header-row h1{
font-size:42px;
}

}

/* MOBILE */

@media (max-width:768px){

.container{
width:90%;
padding:40px 25px;
}

.header-row{
flex-direction:column;
}

.header-row h1{
font-size:30px;
}

.overview-text{
font-size:16px;
}

}