@media only screen and (max-width: 600px) {
    header .container{
        background-color:#2d0058;
        opacity:0.9;
    }
    .navbar {
        text-align: right !important;
    }

    .hero .swiper-wrapper p {
        font-size: 100% !important;
    }
.hero .slide-content{
	padding-right:0;
}
.offer-project{
   display:none;
}
    #cta h2 {
        font-size: 100% !important;
    }

.title h2{
	font-size:24px;
}
.featured .title-blue{
	font-size:20px !important;
}
.featured-img{
	position:initial !important;
	
}








}