/*
Theme Name: MS Thème Child
Author: Multimed Solutions
Author URI: http://www.multimed-solutions.com/
Description: Thème spécial pour wordpress
Version: 2.0
Text Domain:  mstheme-child
Template: mstheme
*/

/* vars 









*/



/* ------------------ Include Styles ------------------ */
/* fonts : */

/*
        Open sans*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800italic,800);
/*
font-family: 'Open Sans', sans-serif;
*/
/*
        Lato*/
@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic);
/*
font-family: 'Lato', sans-serif;
*/
/*
        Merienda
@import url(https://fonts.googleapis.com/css?family=Merienda:400,700);*/
/*
font-family: 'Merienda', cursive;
*/
/*
        Niconne
@import url(https://fonts.googleapis.com/css?family=Niconne);*/
/*
font-family: 'Niconne', cursive;
*/
/*
        Baumans
@import url(https://fonts.googleapis.com/css?family=Baumans);*/
/*
font-family: 'Baumans', cursive;
*/
/*
        Courgette
@import url(https://fonts.googleapis.com/css?family=Courgette);*/
/*
font-family: 'Courgette', cursive;
*/
/*
        Droid sans
@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700);*/
/*
font-family: 'Droid Sans', sans-serif;
*/
/*
        Droid sans Mono
@import url(https://fonts.googleapis.com/css?family=Droid+Sans+Mono);*/
/*
font-family: 'Droid Sans Mono', 'Droid Sans', sans-serif;
*/
/*
        Lobster
@import url(https://fonts.googleapis.com/css?family=Lobster+Two:400,400italic,700,700italic);*/
/*
font-family: 'Lobster Two', cursive;
*/
/*
        Pinyon script
@import url(https://fonts.googleapis.com/css?family=Pinyon+Script);*/
/*
font-family: 'Pinyon Script', cursive;
*/
/*
        Poiret one
@import url(https://fonts.googleapis.com/css?family=Poiret+One);*/
/*
font-family: 'Poiret One', cursive;
*/
/*
/*        Quicksand
@import url(https://fonts.googleapis.com/css?family=Quicksand:400,300,700);

font-family: 'Quicksand', sans-serif;*/

@import url(https://fonts.googleapis.com/css?family=Quicksand:400,300,700);



/* ------------------ GENERAL ------------------ */

html{
    font-size: 62.5%;
}
body{
    font-family: 'Open Sans', sans-serif;
    color: #000;
    line-height: 2.4rem;
    font-size: 1.4rem;
   
}

a{
    color: inherit;
    text-decoration: none;
        transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
a:hover{
    color: inherit;
    text-decoration: underline;
}


/* specific page accueil */

body.page-id-18  {
    background: url(images/bg-01.jpg) no-repeat;}
/*.................... end ......................*/
.btn span {
    font-weight : 600;
}

/* LOGO */



a:visited {
;

}
a:link {
;

}

/* ------------------ HEADER ------------------ */
.site-header {
    background: none;
    padding-top: 1rem;
}

.home-link{
    padding-top: 50px;
}

#logo img {
    margin-top:00px;
}


.metaslider {
    padding-top: 20px;
}


/* BARBIER */

.barbier { text-align:center;background: rgba(204, 204, 204, 0.12);padding-top: 4rem;padding-bottom: 4rem; }

/* SLOGAN */
.contain-slogan{
text-align: center;
padding-top: 50px;
display:none;

}

    p#slogan {
    letter-spacing: 1px;
    color: #333333;
    font-family: "Times New Roman", Times, serif;
    font-weight: normal;
    font-size: 2.2rem;
    text-align: center;
    text-transform: uppercase;
    line-height: 23px;
    padding-top: 30px;
    margin-bottom: 0px;
}

p#slogan2{
font-size: 2.0rem;
    color: #a98236;
 
    font-family: "Times New Roman", Times, serif;
    font-style: italic;
    /* font-weight: 700; */
    text-transform: uppercase;
}



p#face{margin-top:20px;}

i.fa.fa-phone {
    color: #bdb097;
   background:#8b8d96;
    font-size: 1.8rem;
    padding: 9px 12px;
    border-radius: 0px;
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    -ms-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
     cursor: pointer;
         border-radius: 2px;
}

i.fa.fa-phone:hover {
    color: #fff;
    background: #000000;
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    -ms-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
}



i.fa.fa-facebook {
    color: #fff;
    background: #828282;
   font-size: 2rem;
    padding: 8px 12px;
    border-radius: 0px;
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    -ms-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
}
i.fa.fa-facebook:hover {
    color: #ff8f00;
    background: #000000;
   font-size: 2rem;
    padding: 8px 12px;
    border-radius: 0px;
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    -ms-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
}
.page-id-16 i.fa.fa-map-marker, .page-id-16 i.fa.fa-mobile, .page-id-16 i.fa.fa-clock-o {
    font-size: 5.5rem;
    color: #b3b3b3;
    padding-bottom: 2rem;
    float: left;
    padding-right: 22px;
    vertical-align: middle;
}
/* REA */

.rea-icon {
    position: relative;
    display: block;
    z-index: 9999999;
    margin-top:-7px;

}
   

.rea-icon span {
     color: #eee7da;
    font-size: 1.4rem;
    margin-left: 5px;
    padding-left: 2px;
    font-family: 'Open Sans', sans-serif;
    /* margin-top: -9px; */
    /* 
    padding-top: 10px; */
}

/* LOGO PIED DE PAGE SPECIFIQUE */
.logo-rea {
    margin-bottom: 10px;
}

.contact1{
    margin:0;
    padding:0;
    color:#bdb097;
    font-size: 1.4rem;

}
.contact2 {
 margin:0;
padding:0;
margin-bottom: 10px;

}

/*.................... end ......................*/
.separateur-10 {height:10px;display:block;}
.separateur-20 {height:20px;display:block;}
.separateur-30 {height:30px;display:block;}
.separateur-40 {height:40px;display:block;}
.separateur-50 {height:50px;display:block;}
.separateur-x {height:86px;display:block;}

.line1 {
    height:1px;
    border-top:solid #CCCCCC 1px;
    margin-bottom:20px;
    margin-top:20px;
    width:50%;
    margin-left: auto;
    margin-right: auto;
}
.line2 {
    height:2px;
    border-top:solid #CCCCCC 2px;
    margin-top: 2rem!important;
    display: block;
}

.line-green {
    height:2px;
    border-top:solid #FFFFFF 2px;
    margin-bottom:10px;
    margin-top:10px; 
    width:140px;
    font-weight: 400;
}

#menu-item-274 li a {
    color:#de8c10;
}

/* li SPECIAL  */
#post-18 li {
    margin-left: 2rem;
}

.col-md-4.team {
    text-align: center;
}

/* Gray Scale */
.team img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
/*.team:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}*/
.team a:after {  font-family: FontAwesome;
    content: "\f002";
    font-size: 20px;
    color: #ffffff;
    position: absolute;
    right: 0;
   left: -30px;
    bottom: 0;
    background: rgba(255, 255, 255, 0.34);
    opacity:    0;
    padding: 10px; -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    -ms-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
}
.team:hover a:after {
   left: 0px;
opacity:    1;
   -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    -ms-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
}

   .team:hover a{ text-decoration: none!important ;}
.page-id-181 #main .col-md-8 {
    line-height: 3rem;

}
.page-id-181  #main .col-md-4 {
    color: #777;  
        text-align: right;
}


.page-id-181 #main .row{border-bottom: 1px solid rgba(128, 128, 128, 0.18823529411764706);}
/* ------------------ MENU ------------------ */
/* ----------- Menu  AEVC SOUS MENU ---------- */
.navbar {
    text-align: right;
    border-radius: 0px;
    min-height: 0;
    margin: 0;
    padding-top: 20px;

}


.navbar-nav { padding: 0px 0 13px;}

ul.sub-menu >.current-menu-item a{background-color:#FFFFFF;}

.navbar-inverse .navbar-nav>li>a{
    font-family: 'Quicksand', sans-serif;
    padding: 15px;
    color: #212121;
    font-size: 1.4rem;
    font-weight: 400;
    white-space: nowrap;
    font-size: 1.4rem;
    border-top: 2px solid rgba(0,0,0,0);
    border-bottom: 2px solid rgba(0,0,0,0);
    text-transform:     uppercase;  
   -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    -ms-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;


  
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover{
    border-top: 2px solid #ff8f00;
    border-bottom: 2px solid #ff8f00;
    color: #000000;
    text-decoration: none !important; 
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    -ms-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;

}
.interne #navbar{font-size: 1.3rem;text-transform: uppercase;line-height: 0px;}

.interne .navbar-inverse .navbar-nav>li>a:hover{color: #ccc;}

#main ul.slides, #main ul{margin: 0;padding: 0 ;}
ul.slides{padding: 0}

ul.sub-menu {
        padding-left: 0;
        display:none;
        position: absolute;
        background:#FFFFFF;
        list-style: none;
       width: 142px;
       z-index: 99999;

}
li.menu-item:hover >ul.sub-menu {
    display: block;
}
div#container.rea{font-size: 1.3rem;color:#000000;}
ul.sub-menu >.menu-item a { float: left;color:#000000;font-size: 1.3rem;width: 100%; margin:0;text-align: left;padding-left: 10px;}
ul.sub-menu >.menu-item > a:hover{color: #569000;text-decoration: none; 
   -webkit-transition: color 1s;
transition: color 1s;



}
ul.sub-menu > li.menu-item {
    float: left;
    padding: 0px 0px;
    width: 100%;
    text-decoration: none;
}
ul.sub-menu > li.menu-item:hover{background: #fff;  color: #194181 !important; }
.col-sm-4.home-btn {
    padding: 50px 0;
  
}




/*.................... end ......................*/
li.current-menu-item a {
    background: none;
    padding-top:10px;
    padding-bottom: 10px;
    padding-left: 1rem ;
    padding-right:1rem;
   border-top: 2px solid #ff8f00!important;
    border-bottom: 2px solid #ff8f00!important;

}



/*li.current-menu-item a::after , .navbar-inverse .navbar-nav>li>a:focus:after, .navbar-inverse .navbar-nav>li>a:hover:after{
      content: "▲";
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    padding-top: 17px;
    display: block;
    text-align: center;}

*/


/* ------------------ MAIN ------------------ */
img.brder{transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;}
    img.brder:hover{transform: scale(1.05);
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -moz-transform: scale(1.05);
background: rgba(255,255,255,0.5);}

#actu{background: #e6e6e6;        padding: 0 0 60px;}
#footer-main{background: #696256;    padding: 40px 0 10px;}
.btn-menu{font-size:    1.8rem;color:   #8fc851;border:     1px solid   #8fc851;padding:    10px 0px;text-align:    center; text-transform:     uppercase;  }
a.img-actu img {
    height: auto;
}
#actu ul{list-style: none;padding:  0;}
.exergue{ 
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
    text-align: center;
    /*color: #8b7b50;*/
    color:  #5f5a4f;
    padding: 20px 10px;
    font-size: 2.2rem;
    line-height: 37px;
    font-weight: 100;
    box-shadow: none;
}
span.title-actu {
    text-transform: uppercase;
    line-height: 3;
    font-size:  1.7rem;

}
figcaption.wp-caption-text {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    color: #fff;
    font-size: 5rem;
    text-align: center;
}
.txt-actu p{font-size: 1rem;color:#909090;     font-size: 1.4rem;text-align:    justify;    }
#coord{     color: #000000; }
#logo-foot{text-align: center;}
#logo-foot img{    padding-left: 50px;
  }

/* footer 3 block avec icone facebook*/


#foot {
    font-size: 1.4rem;
}
 
#foot a, #foot p {
 text-decoration: none;
}


#foot i.fa.fa-mobile {
    font-size: 2.5rem;
    color: #828282;
    padding-bottom: 0rem;
    float: none;
    padding-right: 10px;
    vertical-align: middle;
    float: left;
}
 
#foot a:focus, #foot a:visited, #foot p {
 text-decoration: none;
}

#foot .telephoneSlider{
      color: #828282;
    font-size: 1.6rem;
    border-bottom: 0px solid #FFFFFF;
    /* margin-bottom: 10px; */
    padding-bottom: 10px;
}
#foot .horaireSliderTiltle{

      color: #828282;
    font-size: 1.6rem;
    border-bottom: 1px solid #CCCCCC;
    /* margin-bottom: 10px; */
    padding-bottom: 10px;
}

#foot .horaireSlider{
        color: #828282;
    font-size: 1.4rem;
    border-bottom: 0px solid #FFFFFF;
    /* margin-bottom: 10px; */
    padding-bottom: 10px;
}

.adresseSlider {
    color: #828282;
    padding-top: 10px;
    font-size: 1.6rem;


}
#foot  .facebookSlider {
color:#828282;

}



ul#menu-menu-footer {
    background: transparent !important;
    text-align: center;
    margin-bottom: 20px;
    text-transform: uppercase;
}

#foot ul#menu-menu-principal-1 {
    float: none;
    text-align: right;
    list-style: none;
    display: block;
}

#foot ul.sub-menu {
        padding-left: 0;
        position: relative;
        background:none;
        list-style: none;
       z-index: 99999;


}
#foot ul.sub-menu > li.menu-item:hover{
    background: none!important;  color: #c59958!important;
     -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    -ms-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
}

#foot li.menu-item:hover >ul.sub-menu {
display: initial;
}

#foot ul li a{ 
    padding: 0;
text-decoration: none;
  -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    -ms-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
}

#foot ul li a:hover {
text-decoration: none;
color: #c59958!important;
  -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    -ms-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;

}




#foot ul.sub-menu >.menu-item a {
    float: left;
    font-size: 1.2rem;
    width: 100%;
    margin: 0;
    text-align: right;
    padding-left: 10px;
    background: none!important;
    color:white;
}
#foot ul.sub-menu >.menu-item a:hover {
    float: left;
    width: 100%;
    margin: 0;
    text-align: center;
    padding-left: 10px;
    background: none!important;
    color: #569000!important; 
}

#foot .titre-coord{
 font-size: 1.8rem;
padding-top:20px;
padding-bottom:20px;
font-family: 'Open Sans', sans-serif;
font-weight: 100;
border-bottom:1px solid #c59958;
border-top:1px solid #c59958;
margin-bottom: 20px;
}


#footer-main {color: #fff;font-size: 13px;}
.facebookSlider{color:#8fc851; }

.copy a:visited{ color: #63605a; }
.copy a:link{ color: #63605a; }
.copy{  color: #63605a;  text-align: center;text-transform:    uppercase;  font-size: 10px;        padding-top: 0px;}

#actu-home{font-size:   3.4rem;color:   #05692f; text-align:    center;      padding: 40px 0;
    line-height: 1;
    width: 350px;
    margin: auto;}

#footer-triangle{    line-height: 0;
text-align: center;
  background:   #e6e6e6;
    left: 0;
    right: 0;
}
    .rslides_nav.next:hover, .rslides_nav.prev:hover{color:     #05692f;}

    a.t-text:hover{}
    #main p, #main ul, #main ol, #main table, #main q, #main blockquote, #main code, #main samp, #main pre {
    margin: 0 0 20px 0;
    text-align: justify;
}
.text-center{text-align:  center !important ;}
  .text-left{  text-align: left!important;
    float: left;}
/*.................... end ......................*/

.special-accueil{
    text-align:right!important;
    padding-right: 20px;
}

.contain-line {
    border-bottom: 2px solid #CCCCCC;
    width : 150px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}
/* ------------------ HEADING ------------------ */

h1 {
    font-size: 4rem;
    font-weight: 300;
    color: #fff;
    font-family: 'Quicksand', sans-serif;
    /* font-family: 'Open Sans', sans-serif; */
    text-transform: uppercase;
    letter-spacing: 0px;
    margin-top: 5rem;
    margin-bottom: 3rem;
    text-align: left;
    background: #ff9000;
    padding: 10px;
}

.home h1{background:    none;color:     #000;padding:   0;    margin-top: 1rem;
    margin-bottom:   1rem;}

h2{
    font-size: 3rem;
    margin-bottom: 20px;
    color: #515b92;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    text-align: left;
    margin-top: 20px;
}
h3{
    font-size: 2rem;
    margin-bottom: 10px;
    color: #989898;
    margin-top: 2rem;
}
h4{
    font-size: 1.8rem;
    margin-bottom: 5px;
}
h5{
    font-size: 1.6rem;
    margin-bottom: 5px;
}
h6{
    font-size: 1.6rem;
    margin-bottom: 5px;
}

/*.................... end ......................*/






/* ------------------ FORMULAIRE ------------------ */

.wpcf7-form-control.wpcf7-submit{}
.wpcf7-form-control.wpcf7-submit:hover{}
.wpcf7-form-control.wpcf7-text,.wpcf7-form-control.wpcf7-textarea{}
.wpcf7-form-control.wpcf7-text:focus,.wpcf7-form-control.wpcf7-textarea:focus{}

/*.................... end ......................*/





/* ------------------ BTN ------------------ */

.btn, .wpcf7-form-control.wpcf7-submit,.more-link{
   text-transform: uppercase;
    background:#ff8f00;
    color: #000;
    width: auto;
    text-align: center;
    font-size: 1.4rem;
    margin-top: 20px;
    padding: 15px 30px;
    border-radius: 3px;
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    -ms-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    outline: 0;
    border: 0;

}
a.btn{}
.btn:hover,.wpcf7-form-control.wpcf7-submit:hover,.more-link:hover{
    background: #000000 !important;
    color: #ff8f00;
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    -ms-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
}

.page-id-16 h2{text-align   :   left;   }
/*.................... end ......................*/

    span.wpcf7-form-control-wrap.captcha-892 {
    padding-right: 50px;
}



/* ------------------ ACTUALITES ------------------ */

.text-center p, .text-center h2 {
    text-align: center !important;
    width: 60%;
    margin: 20px auto !important;
    float: none !important;
}
/*.................... end ......................*/
.semi-container {
    width: 80%;
    margin: auto;
    padding-top: 3px;
    background: rgba(204, 204, 204, 0.12);
    padding: 50px;
    margin-bottom: 70px;
}
.semi {
    width: 80%;
    margin: auto;
}
footer#colophon {
    padding-top: 50px;
}



/* ------------------ BREAK POINTS ------------------- */
@media  screen and (min-width: 992px) and (max-width: 1580px) {

    #box-col{top: 35% !important;}

}

@media screen and (max-width: 1199px) {
    .t{ width: 317px !important;    margin: 25px auto !important;}
    .navbar-inverse .navbar-nav>li>a {
    padding-left: 1rem;
    padding-right: 1rem;
}
}

@media screen and (max-width: 991px) {

    .barbier {text-align:center!important;margin:0 auto!important;}
    .barbier p {text-align:center!important;margin:0 auto!important;}
    .barbier p a{ margin-bottom: 5rem;}
    .barbier img{ text-align:center!important; }
   
    body.page-id-18 {

        background:none;
    }
    .navbar {
    text-align: center;
}
    #head .row {    padding-left: 0;    margin: 0;}
    div#head{padding:   0;}
        #box-col{position: relative;}
    
    html{font-size: 57%;}
    .t{width: 350px !important;
    margin: 25px auto !important;}
    p#slogan{  }
p#face{padding-top: 1px;}
h2{text-align:  center; }
.contain-rea{ margin-right: auto;margin-left: auto; }
.textwidget {text-align: center;}
#foot {
   text-align: center;
}
#foot ul#menu-menu-principal-1 {
    float: none;
    text-align: center;
    list-style: none;
    display: block;
    padding: 0;
    margin-top: 30px;
      margin-bottom: 30px;
}
#face {
    text-align: center;
}
.rea-icon {
margin-top: 20px;
    }

  .navbar-inverse .navbar-nav>li>a {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

}

@media screen and (max-width: 767px) {
    .pt100 {
    padding-top: 0px!important; 
}
    .col-xs-12 {
    text-align: center;
}
    div#slider-contact{top:initial; }
    html{font-size: 50%;}
}

@media screen and (max-width: 450px) {
    
}
.contain-rea { margin-bottom: 20px;}

}


span.mega{    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 1px;
}
span.mini{
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 1px;
    color: #46413b;
        margin-top: 1rem;
    display: block;
     font-family: 'Quicksand', sans-serif;


}
.pt100{padding-top:100px;}
.sep{padding-top: 50px;
    padding-bottom: 80px;

}


 h2 span{    font-size: 50px;
    text-align: right;
    color: #000;
    font-weight: 900;
    margin-bottom: 20px;
float: right;}
span.max{    font-size: 110px;
    line-height: 100px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 300;
    color: #c8cbd0;
    display: block;
    word-wrap: break-word;
    margin-bottom:3rem;
}