@charset "utf-8";
/* ------------------------------ */
/* --  LISTE BREAKPOINTS 2016 --- */
/* ------------------------------ */
/*
• Smartphones (portrait and landscape) :    de 320px à 480px
• Smartphones (landscape) :                 supérieur à  321px
• Smartphones (portrait) :                  inférieur à 320px
• iPhone 4 :                                de 320px à 480px
• iPhone 5 :                                de 320px à 568px
• iPhone 6 :                                de 375px à 667px
• iPhone 6+ :                               de 414px à 736px
• Samsung Galaxy S3 :                       de 320px à 640px
• Samsung Galaxy S4 :                       de 320px à 640px
• Samsung Galaxy S5 :                       de 360px à 640px
• iPads (portrait and landscape) :          de 768px à 1024px
• Desktop and laptop :                      supérieur à 1224px
• Desktop Large :                           supérieur à 1824px
*/

/* ------------------------------ */
/* ---------- STANDART Bootstrap 4  ------ */
/* ------------------------------ */

/*
@link http://getbootstrap.com/docs/4.0/layout/overview/
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .bg-landing{
        padding-top: 80px;
    }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
     .width-button{
        width: 40%;
    }
     h1,.h1{
        font-size: 50px;
        font-weight: 400;
        font-family: "Rammetto One",cursive;
        color: var(--dark-blue);
    }
    h2,.h2{
        font-size: 32px;
        font-weight: 400;
        font-family: "Rammetto One",cursive;
        color: var(--dark-blue);
    }
    h3,.h3{
        font-size: 28px;
         font-weight: 400;
        font-family: "Rammetto One",cursive;
    }
    section{
        padding:3rem 0 ;
    }
    .bg-service-left::before{
        content: '';
        position: absolute;
        background-color: var(--light);
        width: 50%;
        height: 100%;
        left: 0;
    }
    .bg-service-right::before{
        content: '';
        position: absolute;
        background-color: var(--light);
        width: 50%;
        height: 100%;
        right: 0;
    }

    #main-menu{
        position: relative;
        display: flex;
        flex-direction: row;
        width: initial;
        margin: 0;
    }

    #main-menu li {
        border: none;
        padding: 15px 10px;
        cursor: pointer;
    }
    #main-menu li a {
        font-size: 16px;
        color: white;
    }
   #main-menu li a:hover {
    text-decoration: none;
    color: var(--pink);
    }
    .show-menu {
        display: none
    }
    input[type="checkbox"]:checked#show-menu~#main-menu {
        display: block
    }
    input[type="checkbox"]:not(old),
    input[type="radio"]:not(old) {
        width: 2em;
        cursor: pointer;
        opacity: 0
    }
    .title-rs{
        width: 70%;
    }
    .title-rs::before{
        width: 70px;
       content: '';
    }
    .title-rs::after{
        width: 70px;
       content: '';
    }
}
/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
 .width-button{
        width: 25%;
    }
     h1,.h1{
        font-size: 55px;
        font-weight: 400;
        font-family: "Rammetto One",cursive;
        color: var(--dark-blue);
    }
    h2,.h2{
        font-size: 43px;
        font-weight: 400;
        font-family: "Rammetto One",cursive;
        color: var(--dark-blue);
    }
     .title-rs::before{
        width: 140px;
           content: '';

    }
    .title-rs::after{
        width: 140px;
           content: '';
    }
}