*{ box-sizing: border-box; }
html,body{ height: 100%; }


/*@keyframes colorfade {
  from {background-color: #C7C5A5;}
  to {background-color: "white";}
}
*/

body{ 
  margin:0; 
  padding: 2em 0 0 0;
  min-height: 100%;
  background-repeat: no-repeat;
  /*animation-name: colorfade;
  animation-duration: 5s;*/
  background-size:cover;
  font-family: Arial, Geneva, Helvetica, sans-serif;
  text-align: center;
  /*background-image:url(../banner-01.svg);  */
}


img {
    max-height: 100%;
    max-width: 100%;
}

div#JSContain {
    width: 300px;
    margin: 0 auto;
}

p{
	margin-top: 30px;
}

/*header {

  background-image: url("../SVG/banner.svg");
  background-repeat: no-repeat; 
	background-size:cover;

}*/

img#banner{
	display: none;
 }


.sect1 {
	  background-image:url("../SVG/V2/Mobile/sect1.svg");
	  background-repeat: no-repeat; 
	  background-size: 100%  auto;
	  height:600px;
	  position: relative;

}
.sect2 {
	  background-image:url("../SVG/V2/Mobile/sect2.svg");
	  background-repeat: no-repeat; 
	  background-size: 100%  auto;
	  height:600px;
	  position: relative;
}
.sect3 {
	  background-image:url("../SVG/V2/Mobile/sect1.svg");
	  background-repeat: no-repeat; 
	  background-size: 100%  auto;
	  height:600px;
	  position: relative;
}



 @media (min-width: 700px) {
 
img#banner{
	display: block 
 }


.sect1 {
	  background-image:url("../SVG/V2/sect1A.svg");   /*http://placeholder.pics/svg/300x600*/
	  background-repeat: no-repeat; 
	  background-size: 100%  auto;
	  height:500px;
	  position: relative;
}
.sect2 {
	  background-image:url("../SVG/V2/sect2A.svg");
	  background-repeat: no-repeat; 
 	  background-size: 100%  auto;
	  height:500px;
	  position: relative;
}
.sect3 {
	  background-image:url("../SVG/V2/sect1A.svg");
	  background-repeat: no-repeat; 
	  background-size: 100%  auto;
	  height:500px;
	  position: relative;