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

/* GRAPHIC DESIGN___________________________________ */
header ul li:nth-child(3) a {color:#390}/*menu rollout*/
#wrap {
	background:url(../../img/bg3.jpg) no-repeat fixed;/*old Safari*/
	background-position:center;/*old Safari*/
	background-size:cover;/*old Safari*/}
.cellBoxIn {padding:20px 0}
.cellBoxIn:first-child {padding-top:95px}
.cellBoxIn > h2 {font-size:24px; font-weight:normal; color:#fff; margin:1em 0 0}
.cellBoxIn > h1 { margin-top:1em}
.cellBoxIn > h1, .cellBoxIn > h2 {text-shadow:rgba(207,196,210,.5) 0 0 3px;}

/*Media-queries_____________________________________*/
@media screen and (max-height: 640px) {
/*for BG*/
#wrap {background:none}
body::before {
  content:"";
  display:block;
  position:fixed;
  width:100%;
  height:100%;/*for old Safari*/
  height:100vh;
  /*background:url(../../img/bg3.jpg) center/cover no-repeat;*/
  background:url(../../img/bg3.jpg) no-repeat;
  background-position:center;
  background-size:cover;
  -webkit-background-size:cover;/*Android4*/
  top:0;
  left:0;
  z-index:-1}
}

/*smaller than 640-----*/
@media screen and (max-width: 640px) {
.cellBoxIn > h2 {font-size:20px; margin:1em 0 0}
#wrap {background:none}
body::before {
  content:"";
  display:block;
  position:fixed;
  width:100%;
  height:100%;/*for old Safari*/
  height:100vh;
  /*background:url(../../img/bg3.jpg) center/cover no-repeat;*/
  background:url(../../img/bg3.jpg) no-repeat;
  background-position:center;
  background-size:cover;
  -webkit-background-size:cover;/*Android4*/
  top:0;
  left:0;
  z-index:-1}
}