html, body, #wrapper {
   height:100%;
   width: 100%;
   margin: 0;
   padding: 0;
   border: 0;
}

#wrapper td {
   vertical-align: middle;
   text-align: center;
}

.logo {
	width: 800px;
	height: 150px;
}

@media only screen and (max-width: 850px) {
  .logo {
  	width: 400px;
  	height: 75px;
  }
}

@media only screen and (max-width: 450px) {
  .logo {
  	width: 200px;
  	height: 37.5px;
  }
}

@media only screen and (max-width: 250px) {
  .logo {
  	width: 200px;
  	height: 37.5px;
  }



.expertbanner {
	width: 768px;
	height: 256px;
}

@media only screen and (max-width: 850px) {
  .expertbanner {
  	width: 384px;
  	height: 128px;
  }
}

@media only screen and (max-width: 450px) {
  .expertbanner {
  	width: 192px;
  	height: 64px;
  }
}

@media only screen and (max-width: 250px) {
  .expertbanner {
  	width: 180px;
  	height: 60px;
  }


}