.text-1{
 color:#333333;   
}
.text-2{
color:#005081;   
}
.text-3{
    color:#f8f9fa;
    
}
.bg-1{
    background:#333;
}
.bg-2{
background-color:#005081;    
    
}
.bg-3{
   background-color:#f8f9fa;
}

@media (max-width:767px){

.hero-section{
text-align:center;
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
}

.hero-section .content-wrap{
padding-left:20px;
padding-right:20px;
text-align:center;
}

.hero-section .hero-title{
font-size:28px;
line-height:1.3;
margin-bottom:10px;
}

.hero-section .breadcrumb-box{
position:relative;
right:auto;
bottom:auto;
margin:10px auto 0;
justify-content:center;
text-align:center;
}

}