@charset "UTF-8";
/*contact.css*/

/* CONTACT___________________________________ */
header ul li:nth-child(4) a {color:#390}/*menu rollout*/
#wrap {
	/*background:url(../../img/bg2.jpg) center/cover no-repeat fixed;*/
	background:url(../../img/bg4.jpg) no-repeat fixed;/*old Safari*/
	background-size:cover;/*old Safari*/
	background-position:center;/*old Safari*/}
.cellBoxIn {text-align:left}
#contactBody {background:rgba(255,255,255,.8); border-radius:20px; padding:40px}
.cellBoxIn > h1 {color:#6aae19; margin-bottom:1em}
#contactBody > p {color:inherit; margin:0 0 1em}

/*Thanks*/
#contactBody > h1 {font-size:28px; font-weight:normal; margin:0 0 1em}
#contactBody ul li {
	display:inline-block;
	background:#d16cbf;
	font-weight:bold;
	padding:7px 10px;
	line-height:1;
	border-radius:5px;
	margin:5px 5px 0 0}
#contactBody ul li a {color:#fff}
#contactBody ul li a:hover {color:#ff9}


/*Media-queries_____________________________________*/
@media screen and (max-height: 640px) {
.cellBoxIn {width:auto; margin:0 15px; padding-left:0; padding-right:0}
#contactBody {padding:20px 10px}/*White back block*/

#wrap {background:none}
body::before {
  content:"";
  display:block;
  position:fixed;
  width:100%;
  height:100%;/*for old Safari*/
  height:100vh;
  background:url(../../img/bg4.jpg) no-repeat;
	background-size:cover;
	background-position:center;
  -webkit-background-size:cover;/*Android4*/
  top:0;
  left:0;
  z-index:-1}
}
@media screen and (max-width: 640px) {
.cellBoxIn {width:auto; margin:0 15px; padding-left:0; padding-right:0}
#contactBody { padding:20px 10px}/*White back block*/

#wrap {background:none}
body::before {
  content:"";
  display:block;
  position:fixed;
  width:100%;
  height:100%;/*for old Safari*/
  height:100vh;
  background:url(../../img/bg4.jpg) no-repeat;
	background-size:cover;
	background-position:center;
  -webkit-background-size:cover;/*Android4*/
  top:0;
  left:0;
  z-index:-1}
}