@charset "utf-8";
/* CSS Document */


html, body, #header {
    margin: 0 !important;
    padding: 0 !important;
}
body {
	background-color:#ffffff;
	-webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}

div.centerall {
  text-align: center;
}

/* Working bits and mechanics and magic - Working bits and mechanics and magic  */
/* Working bits and mechanics and magic - Working bits and mechanics and magic  */


.mobileHide { display: inline;}
   /* Smartphone Portrait and Landscape */
   @media only screen
   and (min-device-width : 320px)
   and (max-device-width : 480px){  .mobileHide { display: none;}}

.mobileShow { display: none;}
   /* Smartphone Portrait and Landscape */
   @media only screen
   and (min-device-width : 320px)
   and (max-device-width : 480px){ .mobileShow { display: inline;}}

.tabletHide { display: inline;}
   /* Smartphone Portrait and Landscape */
   @media only screen
   and (min-device-width : 480px)
   and (max-device-width : 1000px){  .tabletHide { display: none;}}

.tabletShow { display: none;}
   /* Smartphone Portrait and Landscape */
   @media only screen
   and (min-device-width : 480px)
   and (max-device-width : 1000px){  .tabletShow { display: inline;}}


.fade {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

   .fade:hover {
      opacity: 0.5;
      }

/* -==================================
========== SPACERS = SPACERS =======
========== SPACERS = SPACERS =======
==================================  */

div.spacer{
  backgroundColor:  yellow;} 
div.s-50{height:50px;} 
div.s-100{height:100px;} 
div.s-150{height:150px;}
div.s-200{height:200px;}
div.s-250{height:250px;}


/* -==================================
========== LINK FORMATTING ==========
========== LINK FORMATTING ==========
==================================  */


.link1 A:link { -o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s; color: black; text-decoration: none;}
	.link1 A:visited {color: black; text-decoration: none;}
	.link1 A:active { color: black; text-decoration: none;}
	.link1 A:hover {color:#00b050; text-decoration: none; }


.link2 A:link {  -o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;  color:white; text-decoration:none;}
	.link2 A:visited {color: white; text-decoration: none;}
	.link2 A:active {color: white; text-decoration: none;}
	.link2 A:hover {color: yellow; text-decoration: none;}

.link3 A:link {   -o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;  color:#999999; text-decoration: none;}
	.link3 A:visited {color: #999999; text-decoration: none;}
	.link3 A:active {color: #999999; text-decoration: none;}
	.link3 A:hover {color: rgb(255,255,255); text-decoration: none; }

.link4 A:link {   -o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;  color: #d7572a; text-decoration: none;}
	.link4 A:visited {color:  #d7572a; text-decoration: none;}
	.link4 A:active {color:  #d7572a;; text-decoration: none;}
	.link4 A:hover {color: black; text-decoration: none; }

.linkheader A:link {   -o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;  color:black; text-decoration: none;}
	.linkheader A:visited {color: #ffffff; text-decoration: none;}
	.linkheader A:active {color: #ffffff; text-decoration: none;}
	.linkheader A:hover {color: #d7572a; text-decoration: none; }

.linkfooter A:link {   -o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;  color: #cccccc; text-decoration: none;}
	.linkfooter A:visited {color: #cccccc; text-decoration: none;}
	.linkfooterA:active {color: #cccccc; text-decoration: none;}
	.linkfooter A:hover {color: yellow; text-decoration: none; }



/* -=
========== HEADER HEADER HEADER  ==========
========== HEADER HEADER HEADER  ==========
=  */



div.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    z-index: 10000;
    transition: all 0.2s ease-in-out;
    height: 55PX;
    background-color: white;  
    text-align: center;
    }

div.headerstripyellow{
height: 60px;
width: 100%;
margin:0px 0px 0px 00%;
background-color: yellow;
}
div.headerstriporange{
height: 10px;
width: 100%;
margin:0px 0px 0px 00%;
background-color: #ff6e02;
}

div.header.active {
    background: yellow;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    border-bottom: 1px  #d7572a solid;
}

div.headercont{
	margin:0 auto;
	width: 90%;
	height:35px;
	padding: 0px 0px 0px 0px;
	backgroundcolor: red;
	text-align:right;
	color:black;

}


div.headerblocks{
	width: auto; 
	padding: 22px 1% 0px 0%;
	backgroundcolor: pink;
	text-align: left;
	display:inline-block;
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 12px;
		letter-spacing: 0px;
		color:black;
		font-weight:400;
  }

  div.headerlogocont{
  width:100px;
  height:100px;
  margin: 10px 0% 0px 0%;  
  padding: 0px 0% 0px 0%;
  backgroundcolor: grey;
  text-align: center;
  display:inline-block;
  vertical-align: top;
  float: left;
  }


div.headerlogo{
height:100%;
width: 100%;
margin:0px 0px 0px 0px;
background-size: cover;
background-position:center;
background-repeat:no-repeat;
background-image: url(headerlogo.png);
}


/* -=
==========  Hero sections // Hero Sections   ==========
==========  Hero sections // Hero Sections   ==========
=  */

div.hero{
width:100%;
height: 600px;
}

div.heropic1{
height:600px;
width: 100%;
margin:0px 0px 0px 0px;
vertical-align: top; display: inline-block;
background-size: cover; background-position:center;background-repeat:no-repeat;
}

div.heropic1{background-image: url(images/hero1.jpg);}
div.heropic2{background-image: url(images/hero2.jpg);}
div.heropic3{background-image: url(images/hero3.jpg);}


div.herocontent{
width:85%;
height: auto;
margin: 200px 0px 0px 5%;
padding: 0px 0px 00px 0px;
text-align: right;
display: inline-block;
backgroundcolor: black;
}

div.herosignature{
height:100px;
width: 240px;
margin:0px 0px 0px 0px;
vertical-align: top; display: inline-block;
background-size: cover; background-position:center;background-repeat:no-repeat;
}

div.herosignature{background-image: url(herosignature.png);}


div.herotextlines{
width:auto;
height: auto;
margin: 0px 0px 5px 0%;
padding: 0px 0px 5px 0px;
text-align: right;
display: inline-block;
backgroundcolor: yellow;
	font-family: 'Roboto', sans-serif;
	font-size: 21px;
	font-weight: 200;
	letter-spacing: 0px;
	color: white;	
}

div.herotext1{
width:auto;
height: auto;
margin: 10px 0px 18px 0%;
padding: 0px 0px 10px 0px;
text-align: right;
display: inline-block;
backgroundcolor: yellow;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 2px;
	color: white;	
}

div.herotext2{
width:34%;
height: auto;
margin: 0px 0px 18px 0%;
padding: 0px 0px 10px 0px;
text-align: right;
display: inline-block;
backgroundcolor: grey;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: 300;
	letter-spacing: 1px;
	line-height: 1.7;
	color: white;
}


/* -===========  Sectioning   ===========  */


div.section{
	width:100%;
	margin: 0px 0px 0px 0px;
	padding: 100px 0px 100px 00px;
	text-align: left;
		}

div.col-yellow{
background-color: yellow;
}
div.col-orange{
background-color: #ff6e02;
}
div.col-white{
background-color: white;
}














/* -===========  SPEC - Section One   ===========  */

div.topsection{
	width:90%;
	margin: 50px 0px 50px 5%;
	padding: 00px 0px 00px 00px;
	text-align: left;
	backgroundcolor: pink;
		}



div.headpic{
height:350px;
width: 40%;
margin:0px 0px 0px 0%;
position:relative;
display: inline-block; vertical-align: top;
background-size: cover;
background-position:center;
background-repeat:no-repeat;
}

div.headpic1{background-image: url(images/headpic1.jpg);}
div.headpic2{background-image: url(images/headpic2.jpg);}
div.headpic3{background-image: url(images/headpic3.jpg);}

div.headtext{
width:45%;
height: auto;
margin: 0px 0px 0px 12%;
padding: 0px 0px 0px 0px;
text-align: left;
display: inline-block;
}

div.titles{
width:100%;
height: auto;
margin: 0px 0px 0px 0%;
padding: 0px 0px 0px 0px;
display: inline-block;
backgroundcolor: grey;
	font-family: 'Roboto', sans-serif;
	font-size: 30px;
	font-weight: 200;
	letter-spacing: 1px;
	color: white;
}

div.copy1{
width:100%;
height: auto;
margin: 0px 0px 0px 0%;
padding: 0px 0px 0px 0px;
display: inline-block;
backgroundcolor: grey;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: 300;
	letter-spacing: 1.1px;
	line-height: 1.5;
	color: white;
}





















/* -===========  SPEC - Section Two   ===========  */

div.yellowbar{
width:15%;
height: 430px;
margin: 0px 0px 0px 00%;
padding: 100px 0px 70px 3%;
display: inline-block; vertical-align: top;
text-align: left;
}

div.picturecont{
width:85%;
height: auto;
margin: 0px 0px 0px 0%;
padding: 0px 0px 0px 0px;
}

div.section2pic{
height:120px;
width: 120px;
margin:0px 0px 30px 0%;
position:relative;
display: inline-block; vertical-align: top;
background-size: cover;
background-position:center;
background-repeat:no-repeat;
border: 6px white solid;
box-shadow: 10px 10px 8px #888888;
}

div.s2pic1{background-image: url(images/sec2pic1.jpg);}
div.s2pic2{background-image: url(images/sec2pic2.jpg);}
div.s2pic3{background-image: url(images/sec2pic3.jpg);}

div.s2widepic{
height:600px;
width: 82%;
margin:0px 0px 0px 0%;
display: inline-block; vertical-align: top;
background-size: cover;
background-position:center;
background-repeat:no-repeat;
}

div.s2widepic1{background-image: url(images/s2widepic1.jpg);}
div.s2widepic2{background-image: url(images/s2widepic2.jpg);}
div.s2widepic3{background-image: url(images/s2widepic3.jpg);}


div.s2titles{
width:50%;
height: auto;
margin: 300px 0px 0px 10%;
padding: 0px 0px 0px 0px;
display: inline-block;
backgroundcolor: grey;
font-family: 'Roboto', sans-serif;
	font-size: 30px;
	font-weight: 200;
	letter-spacing: 1px;
	color: white;
}


div.s2copy1{
width:70%;
height: auto;
margin: 0px 0px 0px 10%;
padding: 0px 0px 0px 0px;
display: inline-block;
backgroundcolor: grey;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: 300;
	letter-spacing: 1.1px;
	line-height: 1.5;
	color: white;
}
















/* -===========  SPEC - Section Three How   ===========  */


div.s3words{
width:40%;
height: auto;
margin: 0px 0px 0px 5%;
padding: 0px 0px 0px 0px;
display: inline-block;
backgroundcolor: grey;
}


div.s3titles{
width:50%;
height: auto;
margin: 0px 0px 0px 10%;
padding: 0px 0px 0px 0px;
display: inline-block;
backgroundcolor: green;
	font-family: 'Roboto', sans-serif;
	font-size: 30px;
	font-weight: 200;
	letter-spacing: 1px;
	color: white;
}



div.s3copy{
width:80%;
height: auto;
margin: 0px 0px 0px 10%;
padding: 0px 0px 0px 0px;
display: inline-block;
backgroundcolor: grey;
		font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: 300;
	letter-spacing: 1.1px;
	line-height: 1.5;
	color: white;
}


div.s3pictures{
height:auto;
width: 50%;
margin:0px 0px 0px 2%;
display: inline-block; vertical-align: top;
top: -120px;
position: relative;
backgroundcolor: black;
}

div.pic{
height:200px;
width: 40%;
margin:0px 5% 20px 0%;
display: inline-block; vertical-align: top;
background-size: cover;
background-position:center;
background-repeat:no-repeat;
}

div.pic1{background-image: url(images/pic1.jpg);}
div.pic2{background-image: url(images/pic2.jpg);}
div.pic3{background-image: url(images/pic3.jpg);}
div.pic4{background-image: url(images/pic4.jpg);}
div.pic5{background-image: url(images/pic5.jpg);}
div.pic6{background-image: url(images/pic6.jpg);}
div.pic7{background-image: url(images/pic7.jpg);}
div.pic8{background-image: url(images/pic8.jpg);}
div.pic9{background-image: url(images/pic9.jpg);}
div.pic10{background-image: url(images/pic10.jpg);}
div.pic11{background-image: url(images/pic11.jpg);}
div.pic12{background-image: url(images/pic12.jpg);}
div.pic13{background-image: url(images/pic13.jpg);}
div.pic14{background-image: url(images/pic14.jpg);}
div.pic15{background-image: url(images/pic15.jpg);}
div.pic16{background-image: url(images/pic16.jpg);}
div.pic17{background-image: url(images/pic17.jpg);}
div.pic18{background-image: url(images/pic18.jpg);}
div.pic19{background-image: url(images/pic19.jpg);}
div.pic20{background-image: url(images/pic20.jpg);}




/* -===========  SPEC - Section 4 - Where - Round Bit  ===========  */

div.s4center{
text-align: center;
}

div.s4title{
width:50%;
height: auto;
margin: 0px 0px 0px 0%;
padding: 0px 0px 0px 0px;
display: inline-block;
text-align: center;
backgroundcolor: grey;
	font-family: 'Roboto', sans-serif;
	font-size: 30px;
	font-weight: 200;
	letter-spacing: 1.1px;
	line-height: 1.5;
	color: black;
}


div.s4copy{
width:50%;
height: auto;
margin: 30px 0px 50px 0%;
padding: 0px 0px 0px 0px;
display: inline-block;
text-align: center;
backgroundcolor: grey;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 1.1px;
	line-height: 1.5;
	color: black;
}


div.s4col{
width:23%;
height: auto;
display: inline-block; vertical-align: top;
backgroundcolor: pink;
}

div.s4col2{
width:auto;
height: auto;
display: inline-block; vertical-align: top;
backgroundcolor: pink;
}

div.leftcol{
text-align: right;
margin:0px 2% 0px 0px;
}

div.rightcol{
text-align: left;
margin:0px 0% 0px 2%;
}


div.s4loc{
margin: 10px 0px 10px 0%;
padding: 0px 0px 0px 0px;
display: inline-block; vertical-align: top;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 1.1px;
	line-height: 1.5;
	color: black;
}

div.s4roundpic{
height:200px;
width: 200px;
margin:0px 0% 00px 0%;
display: inline-block; vertical-align: top;
background-size: cover;
background-position:center;
background-repeat:no-repeat;
}

div.s4rpic1{background-image: url(images/s4rpic1.png);}
div.s4rpic2{background-image: url(images/s4rpic2.png);}
div.s4rpic3{background-image: url(images/s4rpic3.png);}




/* -===========  SPEC - Section 5 - All About Me  ===========  */




div.s5words{
width:40%;
height: auto;
margin: 0px 0px 0px 0%;
padding: 0px 0px 0px 0px;
display: inline-block;
backgroundcolor: grey;
}


div.s5titles{
width:90%;
height: auto;
margin: 0px 0px 0px 10%;
padding: 0px 0px 0px 0px;
display: inline-block;
backgroundcolor: grey;
	font-family: 'Roboto', sans-serif;
	font-size: 30px;
	font-weight: 200;
	letter-spacing: 1px;
	color: white;
}


div.s5copy{
width:90%;
height: auto;
margin: 0px 0px 0px 10%;
padding: 0px 0px 0px 0px;
display: inline-block;
backgroundcolor: grey;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: 300;
	letter-spacing: 1.1px;
	line-height: 1.5;
	color: white;
}


div.s5pictures{
height:auto;
width: 40%;
margin:0px 0px 0px 10%;
display: inline-block; vertical-align: top;
backgroundcolor: black;
}

div.s5pic{
height:200px;
width: 40%;
margin:0px 5% 20px 0%;
display: inline-block; vertical-align: top;
background-size: cover;
background-position:center;
background-repeat:no-repeat;
}







/* -===========  SPEC - Section 6 - Testimonials  ===========  */


div.s6title{
width:90%;
height: auto;
margin: 0px 0px 50px 0%;
padding: 0px 0px 0px 0px;
display: inline-block;
backgroundcolor: grey;
	font-family: 'Roboto', sans-serif;
	font-size: 30px;
	font-weight: 200;
	letter-spacing: 1.1px;
	line-height: 1.5;
	color: black;
}


div.s6verts{
height:auto;
width: 24%;
margin: 0px 3% 0px 3%;
vertical-align: top;
display: inline-block;
text-align: left;
}

div.quotes{
height:35px;
width: 46px;
margin:0px 0px 00px 0%;
vertical-align: top;
display: inline-block;
background-size: cover;
background-position:center;
background-repeat:no-repeat;
background-image: url(quotes.png);
}

div.s6copy{
width:100%;
height: auto;
margin: 15px 0px 0px 00%;
padding: 0px 0px 0px 0px;
display: inline-block;
backgroundcolor: grey;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: 300;
	letter-spacing: 1.1px;
	line-height: 1.5;
	color: black;
}




/* -===========  SPEC - Section 7 - Contact in the trees  ===========  */



div.treeback{
height:1097px;
width: 100%;
margin: 0px 0% 0px 0%;
display: inline-block; vertical-align: top;
background-size: cover;
background-position:center;
background-repeat:no-repeat;
background-image: url(treepic2.jpg);}

div.contactcontainer{
width:60%;
height: auto;
margin: 50px 0px 0px 30%;
padding: 0px 0px 0px 0px;
backgroundcolor: blue;
}

div.zoomcontainer{
width:45%;
height: 100px;
margin: 250px 0px 0px 0%;
padding: 0px 0px 0px 0px;
backgroundcolor: yellow;
}




div.s7titles{
width:90%;
height: auto;
margin: 0px 0px 20px 10%;
padding: 0px 0px 0px 0px;
display: inline-block;
backgroundcolor: grey;
font-family: 'Roboto', sans-serif;
	font-size: 30px;
	font-weight: 200;
	letter-spacing: 1.1px;
	line-height: 1.5;
	color: white;
}


div.s7copy{
width:90%;
height: auto;
margin: 0px 0px 0px 10%;
padding: 0px 0px 0px 0px;
display: inline-block;
backgroundcolor: grey;
font-family: 'Roboto', sans-serif;
		font-size: 12px;
	font-weight: 300;
	letter-spacing: 1.1px;
	line-height: 1.5;
	color: white;
}



div.formcont{
padding:0px 0% 0px 0%;
margin: 0px 0px 0px 0px;
height:auto;
width:100%;
backgroundcolor: pink;

	}

input[type="text"]{
    background-color: rgba(0,0,0,.3);
    border: 1px solid rgba(255,255,255,.3);
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width:5px;
    color:white;
    cursor:default;
}

div.confieldwrapy{
padding:0px 0% 0px 0%;
margin: 0px 0px 10px 0px;
height:auto;
width:100%;
text-align: left;
		font-family: 'Roboto', sans-serif;
		font-size: 10px;
		font-weight: 400;
		letter-spacing: 0.3px;
		color: white;
		backgroundcolor: pink;
		line-height: 1.5;
		display: inline-block;
	}

.copyclassystar{
		font-family: 'Roboto', sans-serif;
		font-size: 10px;
		font-weight: 100;
		color: orange;
		backgroundcolor: pink;
	}



/* -===========  Desktop FOOTER  ===========  */


div.footerstripyellow{
height: 20px;
width: 100%;
margin:0px 0px 0px 00%;
background-color: yellow;
}
div.footerstriporange{
height: 10px;
width: 100%;
margin:0px 0px 0px 00%;
background-color: #ff6e02;
}

div.footer{
height:auto;
width: 95%;
margin:0px 0px 0px 00%;
padding: 50px 0px 80px 5%;
background-color: grey;
}

div.footcol1{
width:25%;
height: auto;
margin: 0px 0px 0px 0%;
padding: 0px 0px 0px 0px;
backgroundcolor: grey;
vertical-align: top;
display: inline-block;
}

div.footcol2{
width:20%;
height: auto;
margin: 0px 0px 0px 2%;
padding: 0px 0px 0px 0%;
vertical-align: top;
display: inline-block;
backgroundcolor: pink;

}

div.footcol3{
width:20%;
height: auto;
margin: 0px 0px 0px 2%;
padding: 0px 0px 0px 0%;
vertical-align: top;
display: inline-block;
backgroundcolor: green;
}

div.footcol4{
width:20%;
height: auto;
margin: 0px 0px 0px 4%;
padding: 0px 0px 0px 0%;
vertical-align: top;
display: inline-block;
backgroundcolor: green;
}




div.footerlogo{
height:77px;
width: 190px;
margin:0px 0px 0px 0%;
vertical-align: top;
display: inline-block;
background-size: cover;
background-position:center;
background-repeat:no-repeat;
background-image: url(footersignature.png);
}

div.log1{
height: 45px;
width: 120px;
margin:0px 0px 0px 0%;
vertical-align: top;
display: inline-block;
background-size: cover;
background-position:center;
background-repeat:no-repeat;
background-image: url(log1.png);
}
div.log2{
height: 45px;
width:45px;
margin:0px 0px 0px 30px;
vertical-align: top;
display: inline-block;
background-size: cover;
background-position:center;
background-repeat:no-repeat;
background-image: url(log2.png);
}


div.footertitle{
font-family: 'Roboto', sans-serif;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.3px;
	text-align: left;
	line-height: 1.2;
	color: #dddddd;
	margin:0px 0px 10px 0px;

}

div.footerlinks{
width:auto;
height: auto;
margin: 0px 0px 20px 0%;
padding: 0px 0px 0px 0%;
font-family: 'Roboto', sans-serif;
	font-size: 10px;
	font-weight: 400;
	letter-spacing: 0.3px;
	text-align: left;
	line-height: 1.2;
	color: #dddddd;
	vertical-align: top;
	display: inline-block;
}

div.footerbottom{
width:100%;
height: auto;
text-align: center;
background-color:  #ff6e02;
margin: 0px 0px 0px 0%;
padding: 15px 0px 15px 0%;
font-family: 'Roboto', sans-serif;
	font-size: 8px;
	font-weight: 400;
	letter-spacing: 2px;
	text-align: center;
	line-height: 1;
	color:white;
	
}


div.footface{
height:180px;
width: 180px;
margin:0px 0px 0px 4%;
vertical-align: top;
display: inline-block;
background-size: cover;
background-position:center;
background-repeat:no-repeat;
background-image: url(footface.png);
}

div.footround{
height:200px;
width: 200px;
margin:0px 0px 0px 2%;
vertical-align: top;
display: inline-block;
background-size: cover;
background-position:center;
background-repeat:no-repeat;
background-image: url(footround.png);
}