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

/* mobile */
@media only screen and (max-width: 736px) {
.content {
  /*min-height: calc(100vh - 70px);
  padding: 20px 40px 0 40px;
  */
  height:10vh;
  color:#CCC;
}

.middle {  height: 40vh; }
.footer {
  height: 50vh;
  min-height:250px;
}


.bg {
	display:block;
	width:100%;
	/*height: 100%;
	min-height:500px;*/
	min-width:0px; /* no limit for mobile */
	background:url(../images/avs_bg.jpg) no-repeat;
	background-position: -420px 0;
	background-size: cover;
	margin:0;
	position:absolute;	
	}


* {
  box-sizing: border-box;
}
body {
  margin: 0;
  font-family: Sans-Serif;
  
}

.content h1 {
  margin: 0 0 0 0;
  text-align:center;
  height:80px;
  line-height:80px;
  background-color:rgba(0,0,0,0.8);
  font-size: 26px ;
  overflow : hidden;
  text-overflow : ellipsis;
  white-space : nowrap;
  padding:10px;
}

.content img {   /*  ecs logo */
  position:absolute; 
  top:8px; 
  left:20px; 
  width:150px;}

p {
  margin: 0 0 20px 0;
}
footer {
  background: rgba(255,255,255,0.6);
  color: black;
  line-height: 50px;
  padding: 0 20px;
  
}

.footer .maintxt { 
   font-size:20px; 
   text-align:center;; 
   padding-top:24px; 
   letter-spacing:0px; 
   line-height:30px; }
   
.footer a { 
   color:#000; 
   font-weight:bold; 
   text-decoration:none;}
	
	}



/* desktop */
@media only screen and (min-width: 737px) {
.content {
  /*min-height: calc(100vh - 70px);
  padding: 20px 40px 0 40px;
  */
  height:10vh;
  color:#CCC;
}

.middle {  height: 40vh; }
.footer {
  height: 50vh;
  min-height:250px;
}


.bg {
	display:block;
	width:100%;
	/*height: 100%;
	min-height:500px;*/
	min-width:650px;
	background:url(../images/avs_bg.jpg) no-repeat;
	background-position:center;
	background-size: cover;
	margin:0;
	position:absolute;
	}

* {
  box-sizing: border-box;
}
body {
  margin: 0;
  font-family: Sans-Serif;
  
}


.content h1 {
  margin: 0 0 0 0;
  text-align:center;
  height:80px;
  line-height:80px;
  background-color:rgba(0,0,0,0.8);
  font-size: 32px ;
  overflow : hidden;
  text-overflow : ellipsis;
  white-space : nowrap;
  padding:0px;
  
}
.content img {  /*  ecs logo */
   position:absolute; 
   top:8px; 
   left:20px; 
   width:150px;}

p {
  margin: 0 0 20px 0;
}
footer {
  background: rgba(255,255,255,0.6);
  color: black;
  line-height: 50px;
  padding: 0 20px;
  
}

.footer .maintxt { 
   font-size:24px; 
   text-align:center;; 
   padding-top:50px; 
   letter-spacing:-0.5px; 
   line-height:inherit; 
   text-decoration:none; }
   
   
.footer a { color:#000; font-weight:bold;}

 }