.text-color h2,

.text-color h3 {

    color: #222;

}

.bloc-text blockquote {

    border-color: #f3f3f3;

}

.well {

    background:#ffffff;

    border-radius: 2px;

    border: 0px solid #fff;

	-web kit-box-shadow: 0 4px 3px -3px black;

	   -mo z-box-shadow: 0 4px 3px -3px black;

	        bo x-shadow: 0 4px 3px -3px black;

}

.bloc-text {

    background:#f3f3f3;

    border-radius: 2px;

    border: 1px solid #fff;

	-web kit-box-shadow: 0 4px 3px -3px black;

	   -mo z-box-shadow: 0 4px 3px -3px black;

	        bo x-shadow: 0 4px 3px -3px black;

}

.dzsparallaxer div.inset-shadow {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  box-shadow: inset 0px 0px 10px rgba(0,0,0,0.5); 

}

h1.elegantshadow {

  font-size:2.5em;

  text-shadow: 0 -3px 0 #fff,

    0 6px 8px rgba(0,0,0,.4),

    0 9px 10px rgba(0,0,0,.15),

    0 30px 10px rgba(0,0,0,.18),

    0 15px 10px rgba(0,0,0,.21);

-webkit-text-stroke: 1px #D7D8D8;

}

h2.elegantshadow {

  font-size:3em;

  text-shadow: 0 -3px 0 #fff,

    0 6px 8px rgba(0,0,0,.4),

    0 9px 10px rgba(0,0,0,.15),

    0 30px 10px rgba(0,0,0,.18),

    0 15px 10px rgba(0,0,0,.21);

 -webkit-text-stroke: 1px #D7D8D8;

}

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

  html {

    /* reducing base font size will reduce all rem sizes */

    font-size: 13px;

  }



    /* you can reduce font sizes manually as well*/

    h2.elegantshadow  { 

font-size: 2.0rem;

  text-shadow: 0 -1px 0 #fff,

    0 1px 2px rgba(0,0,0,.4),

    0 1px 2px rgba(0,0,0,.15),

    0 1px 2px rgba(0,0,0,.18),

    0 1px 2px rgba(0,0,0,.21);

 }



}



b, strong {

    font-weight: 500;

}

.h3, h3 {

    font-weight: 500;

}





/* Text Shadow */

.neon {

  font-family: neon;

  color: #FB4264;

  font-size: 14vw;

  line-height: 9vw;

  text-shadow: 0vw 0vw 3vw #F40A35;

}



.neon {

  animation: neon 1s ease infinite;

  -moz-animation: neon 1s ease infinite;

  /* Firefox */

  -webkit-animation: neon 1s ease infinite;

  /* Safari and Chrome */

  -o-animation: neon 1s ease infinite;

  /* Opera */

}



@keyframes neon {

  0%,

  100% {

    text-shadow: 0vw 0vw 1vw #FA1C16, 0vw 0vw 3vw #FA1C16, 0vw 0vw 10vw #FA1C16, 0vw 0vw 10vw #FA1C16, 0vw 0vw .4vw #FED128, .5vw .5vw .1vw #806914;

    color: #FED128;

  }

  50% {

    text-shadow: 0vw 0vw .5vw #800E0B, 0vw 0vw 1.5vw #800E0B, 0vw 0vw 5vw #800E0B, 0vw 0vw 5vw #800E0B, 0vw 0vw .2vw #800E0B, .5vw .5vw .1vw #40340A;

    color: #806914;

  }

}



@-moz-keyframes neon

/* Firefox */



@keyframes neon {

  0%,

  100% {

    text-shadow: 0vw 0vw 1vw #FA1C16, 0vw 0vw 3vw #FA1C16, 0vw 0vw 10vw #FA1C16, 0vw 0vw 10vw #FA1C16, 0vw 0vw .4vw #FED128, .5vw .5vw .1vw #806914;

    color: #FED128;

  }

  50% {

    text-shadow: 0vw 0vw .5vw #800E0B, 0vw 0vw 1.5vw #800E0B, 0vw 0vw 5vw #800E0B, 0vw 0vw 5vw #800E0B, 0vw 0vw .2vw #800E0B, .5vw .5vw .1vw #40340A;

    color: #806914;

  }

}



@-webkit-keyframes neon

/* Safari and Chrome */



@keyframes neon {

  0%,

  100% {

    text-shadow: 0vw 0vw 1vw #FA1C16, 0vw 0vw 3vw #FA1C16, 0vw 0vw 10vw #FA1C16, 0vw 0vw 10vw #FA1C16, 0vw 0vw .4vw #FED128, .5vw .5vw .1vw #806914;

    color: #FED128;

  }

  50% {

    text-shadow: 0vw 0vw .5vw #800E0B, 0vw 0vw 1.5vw #800E0B, 0vw 0vw 5vw #800E0B, 0vw 0vw 5vw #800E0B, 0vw 0vw .2vw #800E0B, .5vw .5vw .1vw #40340A;

    color: #806914;

  }

}



@-o-keyframes neon

/* Opera */



@keyframes neon {

  0%,

  100% {

    text-shadow: 0vw 0vw 1vw #FA1C16, 0vw 0vw 3vw #FA1C16, 0vw 0vw 10vw #FA1C16, 0vw 0vw 10vw #FA1C16, 0vw 0vw .4vw #FED128, .5vw .5vw .1vw #806914;

    color: #FED128;

  }

  50% {

    text-shadow: 0vw 0vw .5vw #800E0B, 0vw 0vw 1.5vw #800E0B, 0vw 0vw 5vw #800E0B, 0vw 0vw 5vw #800E0B, 0vw 0vw .2vw #800E0B, .5vw .5vw .1vw #40340A;

    color: #806914;

  }

}