body { font-size: 16px; }

h1 { font-size: 2.8em }
h2 { font-size: 2.2em }
h3 { font-size: 1.7em }
h4 { font-size: 1.5em }

a { font-weight: bold; }

.txtBigger { font-size: 1.2em; }

.lcMtZero   { margin-top: 0; } 
.lcMtTiny   { margin-top: 25px; } 
.lcMtSmall  { margin-top: 50px; }
.lcMtMedium { margin-top: 75px; }
.lcMtLarge  { margin-top: 100px; }

.lcMbZero   {margin-bottom: 0;}
.lcMbTiny   {margin-bottom: 25px;}
.lcMbSmall  {margin-bottom: 50px;}
.lcMbMedium {margin-bottom: 75px;}
.lcMbLarge  {margin-bottom: 100px;}

.lcPadTiny {padding: 5px; } 
.lcPadSmall {padding: 10px; } 
.lcPadMedium {padding: 20px; } 
.lcPadLarge {padding: 40px; } 

.lcPadSiteperso {padding: 0 40px 0 40px; } 

.marginbot5 {margin-bottom: 5px}

.input-field > label { color: black; }

.txtBleu { color: #039be5; }
.txtOrange { color: #ff5722; }



.lcHeaderImg {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.lcParallax {
    height: 250px;
    margin-top: 120px;
    margin-bottom: 120px;
}

.btnicon {
margin-top: -80px;
margin-left: auto;
margin-right: auto;  
bottom: -20px;
}

.btn-xlarge {
    height: 54px;
    line-height: 54px;
    font-size: 15px;
    padding:0 28px;
}

.rowFlex {
    display: flex; 
    align-items: stretch;
}

.colFlex {
    display: flex;     
}

.boxshadow {
    padding: 30px;
    -webkit-box-shadow: 3px 3px 19px 3px rgba(230,230,230,1);
    -moz-box-shadow: 3px 3px 19px 3px rgba(230,230,230,1);
    box-shadow: 3px 3px 19px 3px rgba(230,230,230,1);
}