.container-rowcon{
     display: flex;
}
.container-row {
    display: flex;
}
.text_o_colored_level{
width: 80%;
}
.text_o_colored_level_1{
width: 20%;

}
.pb32 {
    padding-bottom: 50px !important;
}
.pt32 {
    padding-top: 10px !important;
}

.tt32{
padding-top: 50px !important;
}

#font-1{
color: rgb(38, 34, 90);
font-size: 36px;
}
#font-2{
color: rgb(234, 98, 39);
font-size: 36px;
}
.awesomeIcon{
width: 35%;
}

p{
color: #969A9D;

}

section.s_features.pt32.pb32.o_colored_level {
    background-size: auto;
    background-repeat: no-repeat;
    background-image: url("../img/dowalia (1).png");
    background-position: left;
}
.mapOffice {
    width: 50%;
    text-align: center;
    padding: 40px 60px;
    box-shadow: 0px 0px 15px #969a9d;
    margin: 1%;
    background-color: white;
}
.container-row-con {
    display: flex ;
}
.box-branche {
    display: flex;
    width: 50%;
}


.maploc{
padding: 30px;
}
section.s_features.pt32.pb32.o_colored_level{
padding-right: 75px;
padding-left: 75px;

}
h5, .h5 {
    font-size: 1.25rem;
    padding: 20px;
}
@media only screen and (max-width: 500px) {
section.s_features.pt32.pb32.o_colored_level {
     padding-right: 0px; 
     padding-left: 0px; 
}
.container-row-con {
    display: block !important;
}
#font-1 {
    color: rgb(38, 34, 90);
    font-size: 22px;
}
#font-2 {
    color: rgb(234, 98, 39);
    font-size: 22px;
}
.text_o_colored_level_1 {
    width: 50%;
}
.box-branche {
    display: block !important;
    width: 100%;
}
.mapOffice {
    width: 100% !important;
    text-align: center;
    padding: 20px;
    box-shadow: 0px 0px 15px #969a9d;
    margin: 5% 0;
    background-color: white;
}
.maploc {
    padding: 15px !important;
    width: 20%;
}
h5 {
    font-size: 1.25rem !important;
    padding: 10px !important;
}
.phoneicon{
     width: 10% !important;
}

}
@media only screen and (max-width: 768px) {
section.s_features.pt32.pb32.o_colored_level {
     padding-right: 0px; 
     padding-left: 0px; 
}
.container-row-con {
    display: block !important;
}
.box-branche {
    display: block !important;
    width: 100%;
}
.mapOffice {
    width: 100% !important;
    text-align: center;
    padding: 20px;
    box-shadow: 0px 0px 15px #969a9d;
    margin: 5% 0;
    background-color: white;
}
.maploc {
    padding: 15px !important;
    width: 14%;
}
h5 {
    font-size: 1.25rem !important;
    padding: 10px !important;
}
.phoneicon{
     width: 6% !important;
}   
#font-1 {
    color: rgb(38, 34, 90);
    font-size: 22px;
}
#font-2 {
    color: rgb(234, 98, 39);
    font-size: 22px;
} 
.text_o_colored_level_1 {
    width: 30%;
}
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
.container-row-con {
    display: block !important;
}
.box-branche {
    display: flex !important;
    width: 100%;
}
.mapOffice {
    width: 50% !important;
    text-align: center;
    padding: 20px;
    box-shadow: 0px 0px 15px #969a9d;
    margin: 5% 20px;
    background-color: white;
}
#font-1 {
    color: rgb(38, 34, 90);
    font-size: 28px;
}
#font-2 {
    color: rgb(234, 98, 39);
    font-size: 28px;
}
.text_o_colored_level_1 {
    width: 20%;
}
}