.logo img, .logo-footer img{
    width: 300px;
    margin-top: 10px;
}
.nav-wrap{
    padding-top: 20px;
}
.course-content{
    list-style: disc;
    text-align: left;
}
.iconbox{
/*    min-height: 350px;*/
}
.iconbox>.box-content>p{
    color: #000;
}
.cource-box{
    height: 370px;
}
.event{
    min-height: 220px;
}
/*
.flat-title h3.title-post{
    font-size: 12px;
	line-height: 20px;
	margin-top: 2px;
	margin-bottom: 13px;
}
*/
article.fr{
    float: right;
}
footer p{
    color: #b2b6bb;
}
.head-office{
    color:#fff;
}
.head-office strong{
    margin-left: 15px;
}
.branche-office{
    color: #fff        
}
.branche-office i{
    margin-right: 15px;
}
.course-box {
    padding: 30px;
}
@media only screen and (min-width: 480px) and (max-width: 767px){
    .footer .widget, article.post.style2.box-img .featured-post, .section-reponsive, .about-us{
        width: 100%;
    }
    .w50{
        width: 50%;
    }
    .logo img, .logo-footer img{
    width: 150px;
    margin-top: 10px;
}
    .pro-title{
    font-size: 30px !important;
}
    .flat-progress .name {
		font-size: 12px;
	}
    
}

@media only screen and (min-width: 360px) and (max-width: 480px){
    
    .top .social-links, .top .flat-information{
        width: 100%;
    }
    .pro-title{
    font-size: 20px !important;
}
    .flat-progress .name {
		font-size: 11px;
	}
    
}
@media only screen and (min-width: 320px) and (max-width: 360px){
    
     .flat-progress .name {
		font-size: 11px;
	}
}

.blue{
    color: #2582EB;
    font-style: italic;
    font-size: 18px !important;
}
.w-50{
    width: 50% !important;
}
.pro-title{
    font-size: 40px;
}