/******* 1024px *******/

/******* 800px *******/
@media screen and (max-width:800px) {

p#address {
  text-align:left;
}

#top3 {
	text-align:right;
}

ul.nav a {
  font-size:1em;
}

div.intro {
  width:93%;
  height:auto;
}

div.intro .box1 {
  width:70%;
  height:auto;
  padding-right:3%;
  padding-top:3%;
  padding-bottom:3%;
  margin-top:10%;
  position:relative;
  left:14%;
}


h6.mcp {
  font-size:1em;
}

div.introbox {
  line-height:100%;
  font-size:1em;
  width:50%;
  height:auto;
  position:absolute;
  left:22%;
  top:36%;
}

img.brief {
  height:400px;
  opacity:1;
}

div.welcome {
display:none;
}

div.speech h2 {
margin-top:5%;
}

div.speech p {
  font-size:1em;
}

.panel {
  width:50%;
}

.big {
  width:100%;
  margin-bottom:0;
  margin-top:0;
}

.mapcontainer {
padding-top:10%;
padding-bottom:10%;
}

}

/******* 640px *******/


/******* 480px *******/
@media screen and (max-width:480px) {

p#address {
	display:none;
}

#top3 {
	display:none;
}

#signal {
 background-color:#fafafa;
 color:#3f3f3f;
}

#signal:hover{
  background-color:#1823ff;
  color:white;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

i.menubtn {
  display:block;
  margin-top:5%;
}

#navigation {
  width:100%;
  position:relative;
}

ul.nav {
  list-style:none;
  position:absolute;
  top:0;
  left:0;
  z-index:1000;
  width:100%;
  background-color:#fafafa;
  display:none;
}

ul.nav li {
  float:none;
  border-bottom:1px solid #666666;
}

ul.nav li:last-child {
  border-bottom:none;
  margin-right:3%;
}

ul.nav a {
  font-size:16px;
  text-align:center;
}

ul.nav a {
  font-size:1em;
}

div.intro {
  width:100%;
  height:auto;
  margin:0 auto;
}

div.intro .box1 {
  width:74%;
  height:auto;
  padding-left:4%;
  margin-top:10%;
  float:none;
}

div.introbox {
  position:absolute;
  left:25.5%;
  top:32%;
}

img.brief {
  height:268px;
}

div.welcome {
  display:none;
}

.speech {
  width:90%;
}

div.speech a.lm {
  margin-left:38%;
}

.panel {
  width:100%;
  height:auto;
}

.big {
  width:100%;
  margin-bottom:0;
  margin-top:0;
  font-size:0.9em;
}

.details {
  height:auto;
  float:none;
  width:100%;
}


.details p {
	padding-bottom:5%;
}


}

/******* 375px *******/
@media screen and (max-width:375px) {

img.brief {
  height:228px;
}

div.intro .box1 {
  width:70%;
}

div.introbox {
  position:absolute;
  left:26%;
  top:40%;
  padding:1%;
}

div.introbox p{
  font-size:0.6em;
  margin-top:-12%;
}

div.introbox h6{
  font-size:0.8em;
  margin-top:5%;
}

div.speech a.lm {
  margin-left:35%;
}

.big {
  font-size:0.8em;
}

.details p {
	font-size:0.9em;
}

div.copyright p {
  font-size:0.7em;
}
div.wrapper div#map {
  height:250px;
}

}