body{

	position: relative; /* required */

}

.jumbotron{

	background-color:#fff;

  border: 2px solid rgba(157, 214, 3, 1);

}

.well {

    background-color: transparent;

    border: 0px;

}

.thumbnail {

    background: white;

    border-radius: 2px;

}

.thumbnail:hover {

	-webkit-box-shadow: 0 6px 4px -4px black;

	   -moz-box-shadow: 0 6px 4px -4px black;

	        box-shadow: 0 6px 4px -4px black;

}

.collapse p {

	font-size: 150%;

}



.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); 

}

.dzsparallaxer div.box-shadow-1 {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  box-shadow: 0 10px 6px -6px #777;

}



ul.nav-tabs {

	width: 200px;

	margin-top:250px;

	border-radius: 2px;

    background: #f7f8f9;

    z-index: 999;

	border: 0px solid #ddd;

	box-shadow: 0 0px 1px rgba(0, 0, 0, 0.067);

}

ul.nav-tabs li {

	margin: 0;

	border-top: 0px solid #ddd;

}

ul.nav-tabs li:first-child {

	border-top: none;

}

ul.nav-tabs li a {

	margin: 0;

	padding: 8px 16px;

	border-radius: 0;

}

ul.nav-tabs li.active a, ul.nav-tabs li.active a:hover {

	co lor: #fff;

	ba ckground: rgba(157, 214, 3, 1);

	bo rder: 1px solid rgba(157, 214, 3, 1);

}

ul.nav-tabs li:first-child a {

	border-radius: 2px 2px 0 0;

}

ul.nav-tabs li:last-child a {

	border-radius: 0 0 2px 2px;

}

ul.nav-tabs.affix {

	top: 0px; /* set the top position of pinned element */

}

@media screen and (min-width: 992px) and (max-width: 1199px){

    ul.nav-tabs{

        width: 180px; /* set nav width on medium devices */

    }

}

@media screen and (min-width: 1200px){

    ul.nav-tabs{

        width: 220px; /* set nav width on large devices */

    }

}

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: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;

}

 h3.elegantshadow {

  font-size:1.5em;

  text-align:center;

  color:transparent;

  te xt-shadow: 0 0 2px rgba(255,255,255,0.8), 0 0 0 white;

  background:rgba(0,0,0,0.5);

  padding: 20px 20px;

} 

/* h3.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;

} */  

@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);

 }



}



  section > .banner-2 {

    padding: 10% 3%;

    background-repeat:no-repeat;

    background-size: 100% auto;

  }

  section > .banner {

    background-repeat:no-repeat;

    background-size: 100% auto;

  }  

@media screen and (min-width: 200px) and (max-width: 640px) {

  section > .banner-2 {

    padding: 5% 3%;

    background-repeat:no-repeat;

    background-size: 150% auto;

  }

  section > .banner {

    background-repeat:no-repeat;

    background-size: 150% auto;

  } 

}

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

  section > .banner-2 {

    padding: 5% 3%;

    background-repeat:no-repeat;

    background-size: 200% auto;

  }

  section > .banner {

    background-repeat:no-repeat;

    background-size: 200% auto;

  }     

  }