@s-phone-l:550px; //400
@s-tablet-p:768px; //640
@s-tablet-l:1024px;
@s-desktop-1280:1200px;
@s-desktop-1400:1400px;

@s-phone-p-max:       (@s-phone-l - 1px);
@s-phone-l-max:       (@s-tablet-p - 1px);
@s-tablet-p-max:      (@s-tablet-l - 1px);
@s-tablet-l-max:      (@s-desktop-1280 - 1px);
@s-desktop-1280-max:  (@s-desktop-1400 - 1px);

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@import "/css/fleche.less";
@import "/css/texts.less";
@import "/css/container.less";
@import "/css/portfolio.less";
@import "/css/contact.less";
@import "/css/about.less";
@import "/css/index.less";
@import "/css/burger-ico.less";
@import "/css/btn.less";
@import "/css/video_player.less";
@import "/css/nav.primary.less";
@import "/css/nav.less";
@import "/css/utils.less";

//old files
@import (inline) "/css/reset.css";
@import (inline) "/css/general.css";
@import (inline) "/css/pages.css";
@import (inline) "/css/separators.css";
@import (inline) "/css/pages-details.css";
@import (inline) "/css/footer.css";
@import (inline) "/css/mentions-legales.css";
@import (inline) "/css/responsive.less";



//phones portrait
@media (min-width:@s-phone-l) {
  //phones landscape + tablets portrait
}
@media (min-width:@s-tablet-p) {
  // small devices
}
@media (min-width:@s-tablet-l) {

}
@media (min-width:@s-desktop-1280) {

}
@media (min-width:@s-desktop-1400) {

}



.color.color-secondary{
    color:#929292;
}



.m-y-fat{
    margin-top: 30px;
    margin-bottom: 30px;
}

@media (min-width:1200px) {
    .m-y-fat{
        margin-top: 20px;
        margin-bottom: 90px;
    }
}