body {
    background-color: #beddee;
 }
.header {background-color: #28729a;
       position: fixed; 
       height: 7em; 
       width:100%; 
       top: 0px; 
       left: 0%; 
      }
.logo-header {
        padding-left: 280px;
        top: 2%;
}
.text1 {
    margin: 0 auto;
    width:1100px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.8;
    padding-bottom: 0%;
 }
 .text2 {
    margin: 0 auto;
    width:1300px;
    margin-top: 2%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.8;
    padding-top: 0%;
 }
.demo {
    font-family: Arial, Helvetica, sans-serif;
    list-style-type: none;
    font-weight: normal;
    line-height: 1.8;
    font-size: 18px;
    margin: 0 auto;
    width:1200px;
    margin-top: 2%;
}
.contact { 
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 1.8;
    font-size: 17px;
    padding-left: 8%;
    margin-top: 2%;
}
.info {
    margin: 0 auto;
    width:1300px;
    margin-top: 2%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.8;
    padding-top: 0%;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 2.5rem;
}
.footer-text { 
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  line-height: 1.8;
  font-size: 18px;
  text-align: center;
  color: #28729a;
}

#logoImage{
  width: 10em;
  height: 10em;
  margin-top: -2%;
}
@media only screen and (max-width:1265px) {
  .text1 {
    padding-top: 35%;
    margin: 0 auto;
    width:750px;
 }
  .text2 {
    margin: 0 auto;
    width:750px;
  }
  .demo {
    margin: 0 auto;
    width:750px;
  }
  .logo-header {
    padding-left: 100px;
    margin-top: -5%;
  }
  .info {
    margin: 0 auto;
    width:750px;
  }
}
@media only screen and (min-width: 1266px) and (max-width: 1890px) {
  .text1 {
    padding-top: 20%;
  }
  .logo-header {
    margin-top: -5%;
  }
}
@media only screen and (min-width:630px) and (max-width: 1266px) {
  .text1 {
    padding-top: 30%;
  }
  .b {
    padding-top: 10%;
  }
  .logo-header {
    margin-top: -10%;
  }
}