body {
  background-color: #767676;
  margin: 0;
}

.header {
  overflow: hidden;
  background-color: #AEACAC;
  padding: 7px;
  max-height: auto;
  text-align: center;
  max-width:100%;
}

.header-left {
  height: auto;
  display: block;
  position: relative;
  padding-left: 2%;
  float: left;
}

.header-right {
  height: auto;
  padding-right: 2%;
  position: relative;
  display: block;
  float: right;
}

.header-left img{
  height: 15%;
}

.header-right img{
  height: 15%;
}

.header-center {
  font-size: 56;
  padding-top: 2%;
  font-weight: bolder;
  display:inline-block;
  position: relative;
  max-height:15%;

}


#asaimg img {
  height: auto;
  width: 50%;
  display: block;
  margin-left: auto;
  margin-right: auto;
 }

div {
  text-align:center;
  font-style: oblique;
  font-family: sans-serif;
  font-size: 26;
}

button {
  background-color: blue;
  height: 10%;
  width: auto;
  font-size: 26;
  font-style: oblique;
}
@media screen and (orientation:portrait) {

  #asaimg img {
  height: auto;
  width: 75%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  }

  button {
    background-color: blue;
    height: 20%;
    width: 50%;
    font-weight: bolder;
    font-size: 65;
    font-style: oblique;
  }

  div {
    font-size: = 50;
    font-weight: 700;
  }
}