/* For mobile phones: */
  #logo {
  max-width:250px;
  height:auto;
  padding:5px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  }
  #contact {
   max-width:292px;
   height:auto;
   display: block;
   margin-left: auto;
   margin-right: auto;
  }
  #EngineST1{
   max-width:509px;
   padding:5px;
   height:auto;
   display: block;
   margin-left: auto;
   margin-right: auto;
  }

  #CallChart {
   display: block;
   margin-left: auto;
   margin-right: auto;
  }

body {
 width:90%;
 margin-left:auto;
 margin-right:auto;
}

a {
 padding:5px;
 text-decoration:underline;
 color:blue;
}

a:hover, a:active {
 background-color:blue;
 color:white;
 text-decoration:underline;
}

table {
  border-collapse: collapse;
  width: 100%;
}

th, td {
  text-align: center;
  padding: 5px;
}

#alert {
 color:red;
}
#big {
 font-size:1.7em;
}

h1 {
 font-size:1.7em;
}

@media only screen and (min-width: 900px) {
 #EngineST1{
  max-width:509px;
  height:auto;
  float: right;
 }

}
/* Small devices (portrait tablets and large phones, 650px and up) */
@media only screen and (min-width: 650px) {
 #logo {
  max-width:250px;
  height:auto;
  float: right;
 }
 #contact {
  max-width:292px;
  height:auto;
  float: left;
 }
 h1 {
 font-size:2.2em;
 }
}

footer {
 display: block;
 max-width:600px;
 margin-left: auto;
 margin-right: auto;
}