* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  height: 100%;
  display: flex;
  flex-direction: column;
  min-width: 320px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 15px !important;
}

#body-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* r-styles ahead to help layout shift
Update r-styles as well*/

h1.title{font-size: 28px !important; font-weight: 500;}

@media screen and (max-width: 960px){
h1.title{font-size: 24px !important; font-weight: 500;}
}

@media screen and (max-width: 600px){
h1.title{font-size: 22px !important; font-weight: 500;}
}

/*
Bars On Bars On Bars On Bars On Bars On
Bars On Bars On Bars On Bars On Bars On
Bars On Bars On Bars On Bars On Bars On
Bars On Bars On Bars On Bars On Bars On
Bars On Bars On Bars On Bars On Bars On
*/

/*
#midcontainer {
  width: 100%;
  max-width: 1200px;
  margin: auto;
  margin-top: 0px;
}

#topbar {
  display: none;
}

#leftbar {
  float: left;
  margin: 5px 2.5px;
  width: 15%;
}

#contentbar {
  float: left;
  margin: 5px 0;
  background: rgb(255, 255, 255);
  width: calc(60% - 10px);
}

#rightbar {
  float: left;
  margin: 5px 2.5px;
  width: 25%;
}

#bottombar {
  margin: auto;
  margin-bottom: 5px;
  clear: both;
}

#pagecontent{
  background-color: rgb(255, 255, 255);
  border-style: solid;
  border-width: 3px;
  border-color: #0065B8;
}

@media screen and (max-width: 960px) {
  #leftbar {
    display: none;
  }

  #contentbar {
    margin: 5px 0px 5px 2.5px;
    width: calc(75% - 7.5px);
  }
}

@media screen and (max-width: 719px) {
  #topbar {
    display: block;
    margin: auto;
    margin-top: 5px;
  }

  #contentbar {
    float: none;
    width: 100%;
    margin: 5px auto;
    padding: 3px;
  }

  #pagecontent {
  border-style: none;
  }

  #rightbar {
    display: none;
  }
}
*/

/*
Bars Off Bars Off Bars Off Bars Off Bars Off
Bars Off Bars Off Bars Off Bars Off Bars Off
Bars Off Bars Off Bars Off Bars Off Bars Off
Bars Off Bars Off Bars Off Bars Off Bars Off
Bars Off Bars Off Bars Off Bars Off Bars Off
*/


#midcontainer {
  width: 100%;
  max-width: 1000px;
  margin: auto;
  margin-top: 0px;
}

#topbar, #rightbar, #bottombar {
  display: none;
}

#leftbar {
  float: left;
  margin: 5px 2.5px;
  width: 17.5%;
}

#contentbar {
  float: left;
  margin: 5px 2.5px 5px 0px;
  background: rgb(255, 255, 255);
  width: calc(82.5% - 7.5px);
}

#pagecontent {
  background-color: rgb(255, 255, 255);
  border-style: solid;
  border-width: 3px;
  border-color: #0065B8;
}

@media screen and (max-width: 799px) {
  #leftbar {
    display: none;
  }

  #contentbar {
    float: none;
    width: 100%;
    margin: 5px auto;
    padding: 3px;
  }

  #pagecontent {
  border-style: none;
  }
}