/* BANNER */
#freelance #slider { width: 100%; display: block; height: 300px; position: relative; z-index: 9997; top: 100px;  }
#freelance #slider .slide { height: 300px; width: 100%; position: absolute; z-index: 0; top: 0; left: 0; bottom: 0; right: 0; }
#freelance #slider .mask_slider { height: 300px; width: 100%; position: absolute; z-index: 1; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.3) }
#freelance #slider .centered { z-index: 1; position: relative; padding-top: 110px;}
#freelance #slider h1 { width: auto; float: left; color: #fff; font-size: 50px; line-height: 50px; font-weight: 300; font-family: Oswald  }
#freelance #slider h1:after {
    transition: all ease-in-out .2s;
    background: #fff;
    content: "";
    display: block;
    height: 3px;
    width: 70px;
    margin-left: 0px;
    margin-top: 20px;
}


@media (max-width: 768px) { 
    #freelance #slider { width: 100%; display: block; height: 200px; position: relative; z-index: 9997; top: 100px;  }
    #freelance #slider .slide { height: 200px; width: 100%; position: absolute; z-index: 0; top: 0; left: 0; bottom: 0; right: 0; }
    #freelance #slider .mask_slider { height: 200px; width: 100%; position: absolute; z-index: 1; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.3) }
    #freelance #slider .centered { z-index: 1; position: relative; padding-top: 60px; width: calc(100% - 20px); margin-left: 20px}
    #freelance #slider h1 { width: auto; float: left; color: #fff; font-size: 40px; line-height: 40px; font-weight: 300; font-family: Oswald  }
}



/* HOME FIRST */ 
#freelance #corps { width: 100%; background: #ece9e5; clear:both; float: left; position: relative }
#freelance .content { width:1200px; display: table; margin: auto; }
#freelance h2 { clear: both; float: left; font-size: 24px; font-weight: 500; color:#b21959; letter-spacing: 1px; line-height: 24px; margin-bottom: 20px; text-transform: uppercase}
#freelance p { clear: both; font-size: 14px; font-weight: 400; color: #333; line-height: 22px; margin-bottom: 30px; }  
#freelance .image { display: table; margin: auto; width: 600px; padding: 30px; background: #fff; box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.2); }
#freelance .image img { width: 100%; }  

#freelance .sep { height: 1px; background: #ccc; width: 90%; margin-left: 5%;  } 
#freelance .left_50 { float: left; width:calc(100% - 450px); }
#freelance .left_70 { float: left; width:calc(70% - 20px); }
#freelance .right_30 { float: right; width:calc(30% - 20px); }
#freelance .right_50 { float: right; width:400px; border: 5px solid #fff; }
#freelance .left_33 { float: left; width:calc(33% - 20px); padding-right: 20px; }
#freelance .middle_33 { float: left; width:calc(33% - 20px); padding-right: 10px; padding-left: 10px; }
#freelance .right_33 { float: right; width:calc(34% - 20px); padding-left: 20px; }
#freelance .left_67 { float: left; width:calc(66% - 20px); padding-right: 20px; }

#freelance .photo { width:calc(100% - 10px); border: 5px solid #c9bcbc; }
#freelance .photo-bas { width:calc(100% - 0px); border: 0; }


#freelance .button { display:table; margin: auto; line-height: 50px; width: 100%; text-align: center; font-size: 18px;  color: #fff; font-weight: 300; letter-spacing: 1px; background: #b21959; transition: .3s all; cursor: pointer; text-transform: uppercase; }
#freelance .button:hover { background: #a50045; color:#fff }

@media (max-width: 768px) {
    #freelance .content { margin:auto; width:calc(100% - 40px); margin-left:20px; }
    #freelance .right_50 { float: right; width: calc(100% - 0px); border: 5px solid #fff; }
    #freelance .left_70 { float: left; width:calc(100% - 0px); margin-bottom: 20px; }
    #freelance .right_30 { float: left; width: 100%; padding-right: 0px; }
    #freelance .left_33 { float: left; width: 100%; padding: 0px; margin-bottom: 20px; }
    #freelance .middle_33 { float: left; width: 100%; padding: 0px; margin-bottom: 20px; }
    #freelance .right_33 { float: left; width: 100%; padding: 0px; margin-bottom: 20px; }
    #freelance .left_67 { float: left; width: 100%; padding: 0px; margin-bottom: 20px; }
    .just-desktop { display: none; }



    
}