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

html {
  font-size:14px; /* because we use rem units, all other font-sizes are based on this value */
}

body {
  /* background:red; */
}

#index, #footer-container {
  margin:0% 15px 5% 15px;
  padding:40px 15px 20px 15px;
}

h1 {
  font-size:2rem;
  text-align:center;
}
.subheader {
  text-align:center;
  font-size:1.4rem;
}

#menu a.button {
  margin-left:2px !important;
  margin-right:2px !important;
  padding: 5px 10px 11px 16px !important;
}

#account {
  width: 100% !important;
}
.centreofattention {
  width:95% !important;
  left: 2.5% !important;
}
.pane {
  width: 100% !important;
  float: none !important;
  display: block !important;
  padding-right: 0px !important;
}
#plans {
  width:100% !important;
}
#plans .clump {
  display:block !important;
  width:100% !important;
}
#plans .header {
  padding:0px 4px 0px 4px !important;
  text-align:left;
}
#plans .field {
  padding:0px 4px 15px 4px !important;
}
.popup {
  max-width:90% !important;
  left: calc(5%) !important;
}
.extra-info-popup {
  width:95% !important;
}
#popup-menu span {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.config_info {
}
.config_info_2 {
  width: 100% !important;
}
.login-account {
  min-width:100%;
  max-width:100%;
}
.config-box {
  width: 100% !important;
  display: block !important;
  margin-bottom: 4% !important;
}
#config-box-infra, #config-box-state {
  margin-right: 0% !important;
}
.config-box.short, .config-box.tall {
  height:auto !important;;
}
#config-box-frequency, #config-box-alert {
}
#invite {
  width:100%;
  margin-right:0px
}
#howitworks .field, #footer-container .field {
  max-width:375px;
  margin: 0px auto;
}
.cloudlogo {
  height:60px;
  margin:10px 3px;
}


.logocontainer {
  clear:both;
  float:none !important;
}

.logo {
  width: 85%;
}