.custom-header {
width: 100%;
height: 420px;
background-size: cover;
background-position: center;
position: relative;
color: white;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 70px;
}
.custom-header .container {
max-width:600px;
}
.custom-header .overlay {
background-color: rgba(49, 75, 87, 0.8); width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.custom-header .overlay .container {
padding: 0 20px;
}
.custom-header .page-title {
margin-bottom: 20px;
color: #fff;
font-size: 40px;
line-height: 48px;
font-weight: 600; 
font-family: 'Libre Baskerville', serif;
}
.custom-header .breadcrumb {
font-size: 0.9rem;
color: #eee;
background: rgb(249 247 247 / 15%);
list-style-type: none;
margin: 0px;
padding: 10px 27px;
border-radius: 50px;
display: inline-block;
}
.custom-header .breadcrumb a {
color: #fff !important; 
font-size: 13px; 
font-weight: 800; 
letter-spacing: 1.2px; 
text-transform: uppercase; 
transition: all ease .3s; -webkit-transition: all ease .3s;
}
.custom-header .breadcrumb span {
color: rgba(255, 255, 255, 0.5);
}
.main-content-sidebar {
max-width: 1200px;
margin: 0 auto;
}
.custom-sidebar .widget {
margin-bottom: 30px;
} @media(max-width: 768px) {
.main-content-sidebar {
flex-direction: column;
}
.custom-sidebar {
flex: 1 0 auto;
margin-bottom: 20px;
}
}