/*--------------------------------------------------------GENERAL SETTING----------------------------------------------------------------------*/
body
{
	max-width: 100%;
	margin: 0;
	padding: 0;
	background-color: black;
}
@font-face {
    font-family: 'ambleregular';
    src: url('Amble-Regular-webfont.eot');
    src: url('Amble-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Amble-Regular-webfont.woff2') format('woff2'),
         url('Amble-Regular-webfont.woff') format('woff'),
         url('Amble-Regular-webfont.ttf') format('truetype'),
         url('Amble-Regular-webfont.svg#ambleregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('OpenSans-Regular-webfont.eot');
    src: url('OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Regular-webfont.woff2') format('woff2'),
         url('OpenSans-Regular-webfont.woff') format('woff'),
         url('OpenSans-Regular-webfont.ttf') format('truetype'),
         url('OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoregular';
    src: url('Roboto-Regular-webfont.eot');
    src: url('Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Roboto-Regular-webfont.woff2') format('woff2'),
         url('Roboto-Regular-webfont.woff') format('woff'),
         url('Roboto-Regular-webfont.ttf') format('truetype'),
         url('Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family:ChunkFive-Regular;
  src: url(ChunkFive-Regular.otf);
}
@font-face {
  font-family:Oswald-Regular;
  src: url(Oswald-Regular.ttf);
}

/*--------------------------------------------------------PATTERN----------------------------------------------------------------------*/


#navTitle ,.city,.templateMenu a:hover, .navBanner a:hover,#topBtn,.mapFooter i:hover,.phoneFooter,.argumentFooter,.bannerMain i,.repairMain h1,.ecoMain h1
,.ecoArgument h2,.contactMain h1,.expertise,.aboutUsMain h1,.downArrow:hover
{
	color: #ff6c00;  /*police couleur "ORANGé"*/
}
.price,.contactButton a,.contactButton a:hover
{
	background-color: #ff6c00; /*background couleur "ORANGé"*/
}
.contactOther  p,.menager,.repairPrice,.priceButton,#ecoLogo,#medal,.mapFooter i,.mapFooter,.blue
{
	color: #264379 ;/*police couleur "BLEUTé"*/
}
.contactContent h2,.classicPack h3, .secondPack h3,.priceButton:hover,footer
{
	background-color: #264379; /*background couleur "BLEUTE"*/
}
footer,.contactButton a:hover,.priceButton:hover,.leftAside label span,.classicPack h3,
 .secondPack h3,.contactContent h2,.phoneContact h3,.navBanner a,.bannerMainContent h1,.white
{
	color: #fff; /*police couleur BLANC */
}
.aboutUsWorker,.ecoAside,.repairAside,.mapFooter,#stickyHeader,.aboutUsBusiness, .ecoSpeech, .repairSpeech,.downArrow
{
	background-color:#fff;/*background couleur BLANC */
}
.logoSliderBox i,.icoSliderBox i,.formularyMessage,.contactOther h3,.contactContent label,.repairMain h3,.repairMain h2,.repairMain,.labelSliderMain,.templateMenu a,.aboutUsWorker, .ecoAside, .repairAside,.aboutUsBusiness, .ecoSpeech, .repairSpeech,.price
{
	color: black;
}
.logoSliderBox i,.icoSliderBox i,.repairMain h2,.goodPrice,.bannerMainContent h1,.mapFooter i,#navTitle 
{
	font-size: 55px;	
}
.classicPack h3, .secondPack h3,.repairPrice,.labelSliderMain h3,.phoneFooter,.price h2,.side h3,.side h2,.eco h2
{	 
	font-size: 40px;	
}
.templateMenu li,.contactOther p,.contactContent button,.mapFooter,.bannerMain i
{
	font-size: 28px;	
}
.green
{
	color: #32CD32;
}
.orange
{
	color: #ff6c00;
}
.yellow
{
	color: #fcc209;
}
.blue
{
	color: #264379;
}
/*--------------------------------------------------------HEADER----------------------------------------------------------------------*/
header
{
	font-family: oswald-Regular;
	height: 830px;
	border-bottom: 1px solid black;	
	position: relative;
}
header::before {    
      content: "";
      background-image:url("../images/main.jpg");
	background-repeat: no-repeat;
	background-size: cover;
      position: absolute;
      top: 0px;
      right: 0px;
      bottom: 0px;
      left: 0px;
      opacity: 0.7;
}
.downArrow
{
	width: 70px;
    height: 70px;
    border: 2px solid black;
    border-radius: 50%;
    font-size: 238%;
    position: absolute;
    right: 48%;
    bottom: -4%;
    text-align: center;
    cursor: pointer;
}
.downArrow i
{
	padding: 20px;
}
.templateMenu
{
	padding: 10px;
	width: 100%;
	margin: 0;
	height: 120px;
}
.templateMenu ul, .navBanner ul
{
	display: flex;
	list-style-type: none;
	justify-content: space-between;
}
.templateMenu li
{
	margin: 10px;	
}
.templateMenu a, .navBanner a
{
	text-decoration: none;
}
.templateMenu nav
{
	padding: 20px;
}
/*--------------------------------------------------------FOOTER----------------------------------------------------------------------*/
footer
{	
	border-top:2px solid black;
	height: 375px;
	position: relative;
}
footer li
{
	list-style-type: none;
}
.titleFooter
{
	font-size: 30px;
}
#topBtn
{
	position: fixed;
	bottom: 150px;
    right: 5%;
    width: 50px;
    height: 50px;
    font-size: 75px;
    border: none;
    cursor: pointer;
    display: none;
}
.templateFooter
{
	margin: 55px;
}
.mapFooter
{
	text-align: center;
}
.mapFooter img
{
	width: 40%
}
.mapFooter i
{
	padding-left: 18px;
    padding-right: 18px;
}
.mapFooter ul
{
	padding: 20px;
	margin: 1px;
}
.contactFooter
{
	border-left: 1px solid;
}
.contactFooter h2
{
	font-size: 35px;
	margin-bottom: 10px;
	margin-top: 0;
}

/*--------------------------------------------------------MAIN----------------------------------------------------------------------*/


.aboutUsBusiness, .ecoSpeech, .repairSpeech
{
	height: 600px;
	border-radius: 6px;
	line-height: 50px;
	padding: 25px;
	margin-top:80px; 
}
.aboutUsWorker, .ecoAside, .repairAside
{
	height: 400px;
	border-radius: 6px;
	line-height: 40px;
	padding: 25px;
	margin-top:80px; 
}
#navTitle 
{
	display: none;
	text-align: center;
	padding: 12px;
}
.mainContent
{
	margin-top: -20px;
}
.templateMenu img
{
	height: 60px;
}
.secondBannerMain 
{
	font-family: oswald-Regular;
}
.bigMain
{
	background-color: #fff;
}
.bannerMain
{
	position: relative;
}
.bannerMainContent {
    padding: 1%;
    border-radius: 5px;
    opacity: 0.9;
    position: absolute;
    bottom: 20%;
    right: 20%;
}
.bannerMainContent h1
{
	margin:0;
}
.secondBannerMain
{
	margin:0;
	height: 700px;
	width: 100%;    
	padding: 5%;
	border-radius: 10px;
	display: flex;
	justify-content: space-between;
}
.navBanner nav
{
	position: relative;
	padding: 32px;
	margin-top: 1%;
}
.navBanner li
{
	font-size: 24px;
}
.blockPrice
{
	display: flex;
	justify-content: space-around;
	margin-top: 20px;
	margin-bottom: 10px;
}
.blockPrice img
{
	width: 25%;
	height: 170px;
}
.price
{
	height: 550px;
	border-radius: 11px;
	line-height: 50px;
	opacity: 0.9;
	margin-left: 30px;
	margin-right: 30px;
}
.price h3
{
	font-size: 15px;
	line-height: 30px;
	text-align: center;
	color:  #264379;
	margin:-10px;
}
.price ul 
{
	font-size: 20px;
	list-style-type: none;
	padding: 0;
}
.price h2
{
	text-align: center;
	color: #fff;
	margin-top: 3%;
}
.price i
{
    padding-right: 15px;
}
.price a
{
	color: black;
	margin-bottom: 20px;
	width: 90%;
    margin-left: 5%;
    margin-right: 5%;
}
.conditions
{
	line-height: 10px;
	padding-left: 40px;
}
.goodPrice
{
	margin: 20px;
	text-align: center;
}
.side h2,.eco h2
{
	text-align: center;
	color: #264379;
	margin-top: 6%;
	margin-bottom: 9%;
}
.side a,.eco a
{
	width: 80%;
    margin-left: 10%;
    height: 60px;
    padding: 5%;
    font-size: 130%;
    margin-bottom: 8%;
}
.side, .eco
{
	height: 500px;
	border-radius: 10px;
	margin-top: 1%;
	color: #264379;
}
.side img,.eco img
{
	width: 22%;
}
.titleBlockSide,.titleBlockEco
{
	text-align: center;
}
.titleBlockSide i
{
	    font-size: 500%;
	color: #fcc209;
}
.titleBlockEco i
{
	font-size: 70px;
	color: #32CD32;
}
.side i
{
	    padding-right: 3%;
}
.eco ul,.side ul
{
	margin-top: 1%;
	font-size: 120%;
	list-style-type: none;
	padding: 5%;
	line-height: 250%;
}
.eco i
{
	    padding-right: 3%;
}
.contactButton a
{
	font-size: 18px;
}
.price, .side, .eco, .navBanner li {
/* La transition s'applique à la fois sur la largeur et la hauteur, avec une durée d'une seconde. */
-webkit-transition: all 1s ease; /* Safari et Chrome */
-moz-transition: all 1s ease; /* Firefox */
-ms-transition: all 1s ease; /* Internet Explorer 9 */
-o-transition: all 1s ease; /* Opera */
transition: all 1s ease;
}
.price:hover, .side:hover, .eco:hover {
/* L'image est grossie de 25% */
-webkit-transform:scale(1.06); /* Safari et Chrome */
-moz-transform:scale(1.06); /* Firefox */
-ms-transform:scale(1.06); /* Internet Explorer 9 */
-o-transform:scale(1.06); /* Opera */
transform:scale(1.06);
}
.navBanner li:hover {
/* L'image est grossie de 25% */
-webkit-transform:scale(1.2); /* Safari et Chrome */
-moz-transform:scale(1.2); /* Firefox */
-ms-transform:scale(1.2); /* Internet Explorer 9 */
-o-transform:scale(1.2); /* Opera */
transform:scale(1.2);
}
.labelSliderMain
{
	height: 280px;  
    margin-top: 30px;
    margin-bottom: 50px;
}
.labelSliderMain h3
{
	text-align: center;
	margin-top: 10px;
	border-radius: 26px;
	padding: 10px;
    margin: 28px;
}
.navBanner img {
    padding: 1%;
    width: 15%;
    margin-left: 1%;
}
.roundButton
{	bottom: -173px;
    right: 903px;
    width: 100px;
    height: 100px;
    border: 2px solid black;
    border-radius: 50%;
    position: absolute;
}
#myCarousel
{
    padding: 25px;
    border-radius: 10px;
    min-height: 164px;
}
.glyphicon-chevron-left
{
	margin-left: -30px;
}
.glyphicon-chevron-right
{
	margin-right: -30px;
}
.bannerMainContent h3
{
	font-size: 39px;
    background-color: #ff6c00;
    width: 24%;
    padding: 2%;
    border-radius: 10px;
}

/*--------------------------------------------------------REPAIR----------------------------------------------------------------------*/
.repairMain
{
	height: 1500px;
	font-family: Oswald-Regular;	
}
.repairBanner
{
	background-image:url("../images/depannage5bis.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	height: 600px;
	border-bottom: 1px solid black;
}
.repairMain h1
{
	text-align: right;
    font-size: 90px;
    padding-top: 40px;
    padding-right: 40px;
    font-weight: bolder;
}
.repairMain h2
{
	text-align: center;
	margin-bottom: 30px;
}
.repairAside
{
	margin-top: -110px;
	height: 170px;
}
.repairPic1 img
{
	width: 30%;
}
.repairPic2 img
{
	width: 50%;
}
.repairPic3 img
{
	width: 50%;
}
.repairSpeech
{	
	height: 620px;
}
#map
{
	width: 500px;
	height: 300px;
}
.repairContent nav
{
	white-space:nowrap;
}
.repairContent nav img
{
	width: 130px;
}
.repairMain h3
{
	text-align: center;
}
.repairAsideBlock
{
	display: flex;
}
.repairAside h3
{
	margin-bottom: 30px;
	margin-top: 10px;
}
.rightAside img
{
	height: 160px; 
}
.leftAside
{
	padding: 5px;
	line-height: initial;
	text-align: center;
}
.leftAside label
{
	font-size: 40px;
	margin: 10px;
}
.leftAside input
{
	height: 28px;
	margin: 10px;
}
#price
{
	color: blue;
    font-size: 20px;
    padding: 10px;
}
#message
{
	font-size: 20px;
}

.priceMessage
{
	margin: 10px;
}
.classicPack
{
	width: 200px;
	height: 400px;
	border: 2px solid #264379;
	border-radius: 5px;
	padding: 0;
	text-align: center;
}
.classicPack h3, .secondPack h3
{
	margin: 0; 
	padding:10px;
}
.secondPack
{
	width: 200px;
	height: 400px;
	border: 2px solid #264379;
	border-radius: 5px;
	padding: 0;
	text-align: center;
}
.repairPrice
{
	
	font-weight: bold;
	padding: 35px;
}
.repairPics
{
	width: 100%;
	height:100px;
}
.repairPic1,.repairPic2,.repairPic3
{
	text-align: center;
	font-size: 20px;
}
.packBlock
{	
	padding: 15px;
}
.repairPic1 img
{
	width: 29%;
}
.repairPic2 img
{
	width: 51%;
}
.repairPic3 img
{
	width: 42%;
}
/*--------------------------------------------------------ECO----------------------------------------------------------------------*/
.ecoBanner
{
	background-image:url("../images/eco8.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	height: 600px;
	border-bottom: 1px solid black;	
}
.ecoMain
{
	height: 1500px;
	font-family: Oswald-Regular;
}
.ecoMain h1
{
	text-align: right;
    font-size: 90px;
    padding-top: 40px;
    padding-right: 40px;
    font-weight: bolder;
}
.ecoAside
{
	margin-top: -110px;
	height: 170px;
}
.ecoAside h2
{
	text-align: center;
	font-size:40px; 
	line-height: inherit;
}
.ecoSpeech
{
	display: flex;
	justify-content: space-between;
}
.ecoArgument
{
	width: 51%;
	height: 560px;
	text-align: center;
}
.ecoArgument p
{
	line-height: 34px;
}
.ecoArgument li
{
	list-style-type: none;
}
.ecoDesign
{
	width: 48%;
	height: 560px;
	background-image: url("../images/ecoAside8.jpg");
	background-repeat: no-repeat;
	background-size: contain;
}
/*--------------------------------------------------------ABOUT US----------------------------------------------------------------------*/
.aboutUsBanner
{
	background-image:url("../images/aboutUs.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	height: 600px;
	border-bottom: 1px solid black;	
}
.aboutUsMain
{
	height: 1500px;
	font-family: Oswald-Regular; 
}
.aboutUsMain h1
{
	text-align: right;
    font-size: 90px;
    padding-top: 40px;
    padding-right: 40px;
    font-weight: bolder;	
}
.aboutUsWorker
{
	margin-top: -110px;
	height: 170px;
}
.aboutUsWorker h2
{
	text-align: center;
	font-size:40px; 
	line-height: inherit;
}
.menager
{
	font-weight: bold;
}
/*--------------------------------------------------------CONTACT----------------------------------------------------------------------*/
.contactBanner
{
	background-image:url("../images/join.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	height: 600px;
	border-bottom: 1px solid black;
}
.contactMain
{
	height: 1500px;
	font-family: Oswald-Regular;
}
.contactMain h1
{
	text-align: right;
    font-size: 90px;
    padding-top: 40px;
    padding-right: 40px;
    font-weight: bolder;
}
.contactContent h2
{
	padding: 25px;
	margin:0;
	text-align: center;
	border-radius: 10px 10px 0px 0px;
}
.contactOther
{
	height: 700px;
	border-radius: 6px;
	line-height: 50px;
	margin-top:60px; 
	padding: 0;
	text-align: center;
	border-radius: 0px 0px 10px 10px;
}
.contactOther img
{
	width: 97%;
	margin-top: 80px;
}
.contactFormulary
{
	height: 700px;
	border-radius: 6px;
	line-height: 50px;
	padding: 0;
	margin-top:60px; 
	border-radius: 0px 0px 10px 10px;
}
.contactContent form
{
	padding: 35px;
}
.questionMail input
{
	width: 50%;
	margin-left: 20px;
}
.questionName input,.questionFirstName input
{
	width: 90%;
}
.questionPhone input
{
	width: 30%;
}
.questionBlock1
{
	display: flex;
	margin-bottom: 15px;
}
.questionContent textarea
{
	width: 100%;
}
.contactContent button
{
	margin-top: 20px;
	    height: 60px;
}
.contactOther  p
{
    line-height: 30px;
}
.contactOther h3
{

	font-size: 35px;
	margin-top: 45px;
}
.questionName
{
	width: 50%;
}
.questionFirstName
{
	width: 50%;
}
.questionMail input
{
	width: 100%;
	margin:0;
}
.questionPhone input
{
	width: 100%;
	margin:0;
}
.questionFirstName input
{
	width: 100%;
}
.contactContent button
{
	width: 100%;
}
.contactAdress
{
	margin-top: 129px;
}
/*--------------------------------------------SLIDER------------------------------------------------------------------------*/
.logoSlider, .icoSlider
{
	overflow: hidden;
	width: 1000px;
}
.logoSlider ul, .icoSlider ul
{
	width: 2000px;
}
.logoSlider img
{
	width: 118px;
}
.logoSlider li
{
	padding-right: 10px;
	padding-left: 10px;
}
.logoSliderBox,.icoSliderBox
{
	display: flex;
}
.icoSlider img
{
	width: 100px;
}
.icoSlider li
{
	padding-left: 20px;
	padding-right:20px;
}
.icoSliderBox i
{
	padding-top: 25px;
}
.carousel-control.left,.carousel-control.right  {background:none;width:25px;}
.carousel-control.left 
{
	left:-50px;
	font-size: 20px;
}
.carousel-control.right 
{
	right:-50px;
}
.zmin 
{
    z-index: 1;
}
.person-text 
{
    padding: 10px 0 0;
    text-align: center;
    z-index: 2;
}
.rel 
{
    position: relative;
}
.slide img
{
	width: 100px;
}
/*--------------------------------------------Recherche code postal------------------------------------------------------------------------*/



@media screen and (min-width: 2000px) {
		.price ul {
    	font-size: 30px;
		}
		.eco ul, .side ul {
    	font-size: 170%;
    	line-height: 150%;
		}
		footer 
		{
		height: 388px;
		}
		header 
		{
    	height: 1060px;
		}
		.templateMenu img 
		{
   	 	width: 25%;
		}

}


@media screen and (min-width: 1312px) and (max-width: 1750px ){
	
		.navBanner li {
    	font-size: 20px;
		}
		.bannerMainContent {
    	right: 8%;
		}
		.price {
        line-height: 42px;
		}
		footer{
		height: 430px;	
		}
		.contactButton a,.templateMenu li {
        font-size: 16px;
		}


}
@media screen and (min-width: 992px) and (max-width: 1311px ){
	.navBanner li {
    font-size: 12px;
}
.navBanner ul {
    padding: 0;
}
.bannerMainContent h1 {
    font-size: 45px;
}
.bannerMainContent {
    right: 0;
}
.bannerMainContent h3 {
    width: 30%;
}
.price {
    line-height: 46px;
}
.price ul {
    font-size: 12px;
}
.phoneFooter, .price h2, .side h3, .side h2, .eco h2 {
    font-size: 26px;
}
.eco ul, .side ul {
    margin-top: 1%;
    font-size: 80%;
    list-style-type: none;
    padding: 5%;
    line-height: 550%;
}
.labelSliderMain h3{
    font-size: 30px;
}
.contactFooter h2 {
    font-size: 24px;
}
}
@media screen and (min-width: 688px) and (max-width: 991px ){

.navBanner nav {
    position: absolute;
    padding: 15px; 
    margin-top: 1%;
    right: 3px;
    bottom: 0px;
    width: 50%;
}



	.navBanner li {
    font-size: 11px;
}
.navBanner ul {
    padding: 0;
}
.bannerMainContent h1 {
    font-size:35px;
}
.bannerMainContent {
    right: 0;
}
.bannerMainContent h3 {
    width: 38%;
}
.price {
    line-height: 46px;
}
.price ul {
    font-size: 12px;
}
.phoneFooter, .price h2, .side h3, .side h2, .eco h2 {
    font-size: 26px;
}
.eco ul, .side ul {
    margin-top: 1%;
    font-size: 80%;
    list-style-type: none;
    padding: 5%;
    line-height: 550%;
}
.labelSliderMain h3{
    font-size: 30px;
}
.contactFooter h2 {
    font-size: 24px;
}
.secondBannerMain {
    padding: 10%;
}
.side,.eco
{
	display: none;
}

.price{
    min-width: 80%;
}
.mapFooter {
    font-size: 16px;
}
.phoneFooter {
    font-size: 18px;
}
.contactFooter h2 {
    font-size: 16px;
}
header::before {
    content: "";
    background-image: url(../images/mainResize.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0.7;
}
.templateFooter {
    margin: 16px;
}
.mapFooter img {
    margin: 5px;
    min-width: 85%;
}
footer
{
	height: 250px;
}
.contactButton a
{
	font-size: 10px;
}
.materialMain h1 {
    height: 50%;
    width: 49%;
    margin-left: 51%;
    color: #fff;
}
}

@media screen and (max-width: 687px ){
	.navBanner nav {
     padding: 0;
}
	.navBanner img {
    padding: 15%;
    width: 100%;
    margin-left: 0;
}
	.navBanner ul {
    padding: 5px;
}
	.navBanner li {
    font-size: 11px;
}
	.bannerMainContent h1 {
    font-size: 30px;
    padding: 3px;
    margin-top: 50px;
    margin-bottom: 30px;
}
	.bannerMainContent {
		position: relative;
     bottom: 0; 
     right: 0; 
    text-align: center;
}
	.bannerMainContent h3 {
    width: 100%;
}
#myCarousel {
    min-height: 90px;
}
#downBtn {
    display: none;
}
	.secondBannerMain {
    height: 1800px;
}
	.price h3 {
    font-size: 10px;
}
	.price h2{
    font-size: 26px;
}
.price a
{
	margin-right: 0;
}	
.price {
    min-width: 100%;
    margin: 0;
    line-height: 45px;
}
	.blockPrice img {
    display: none;
}
	.price ul {
    font-size: 15px;
    list-style-type: none;
    padding: 5px;
}
	.labelSliderMain h3 {
    text-align: center;
    margin-top: 15px;
    border-radius: 26px;
    padding: 5px;
    margin: 6px;
    font-size: 20px;
}
	.labelSliderMain {
    height: 150px;
    margin-top: 5px;
    margin-bottom: 50px;
}
	.templateFooter {
    margin: 10px;
}
.contactFooter {
    border-left: 0px solid;
}
	footer {
    height: 575px;
}
	.mapFooter{
    font-size: 22px;
}
	.mapFooter img {
	min-width: 65%;
    margin: 5px;
}
.contactFooter ul{
		padding: 0;
	}
	.contactFooter h2 {
    font-size: 24px;
}
	.phoneFooter{
    font-size: 30px;
}
	h4 {
    font-size: 15px;
}
	header::before {
    content: "";
    background-image: url(../images/mainResizeBis.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0.8;
}
.navBanner li
{
	font-size: 8px;
}
.contactButton a {
    font-size: 10px;
}
.contactFooter {
    margin: 5% 0% 5% 0%;
    padding: 0;
}
.templateFooter {
    margin: 35px;
}
.eco
{
	height: 520px;
	}
.bannerMainContent h1 {
    margin-bottom: 60px;
}	
.bannerMainContent h2
{
	margin-bottom: 50px;
}
.secondBannerMain {
    padding: 15% 5%;
}
}