body, html {
	height: 100%;
	margin: 0;
  }
  
  .bg {
	/* The image used */
	background-image: url("../images/bg6.jpg");
  
	/* Full height */
	height: 100%; 
  
	/* Center and scale the image nicely */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	
  }

  #wcd{
	padding-top: 30%;
  }

/* For device width 400px and larger: */
@media only screen and (min-device-width: 400px) {
	.bg { 
		background-image: url("../images/bg8.jpg");
		background-position: center;
	
	background-size: cover;
  }
  #wcd{
	padding-top: 2%;
  }
}


.imgheader {
		width: 100%;
  }
/* For device width 400px and larger: */
@media only screen and (min-device-width: 400px) {
	.imgheader { 
		width: 60%;
  }
}

.enterbtn{
	width: 40%;
	height: 10%;
	background-image: url("../images/pivisuma.png");
	background-position: center;
	background-color: coral;
	background-size: cover;
	border-radius: 25px;
	border-color: #FFCCBC;
}

/* For device width 400px and larger: */
@media only screen and (min-device-width: 400px) {
	.enterbtn{
		width: 15%;
		height: 10%;
		border-radius: 25px;
		background-image: url("../images/pivisuma.png");
	background-position: center;
	background-color: coral;
	border: none;
	
		
	}
}



/*------------------*/


#enterbtn{
	width: 40%;
	height: 10%;
	background-image: url("../images/pivisuma.png");
	background-position: center;
	background-color: coral;
	background-size: cover;
	border-radius: 25px;
	border-color: #FFCCBC;
	margin-top: 8%;
	box-shadow: 0px 5px 10px #888888;
}

/* For device width 400px and larger: */
@media only screen and (min-device-width: 400px) {
	#enterbtn{
		width: 15%;
		height: 10%;
		border-radius: 25px;
		background-image: url("../images/pivisuma.png");
	background-position: center;
	background-color: coral;
	margin-top: 1%;
	
		
	}
}
/*-------------------*/