html,
body {
  height: 100%;
  margin: 0;
}

.box {
  display: flex;
  flex-flow: column;
  height: 100%;
  width:100%;
  line-height: 100%;
  background-color: #F1F0ED;
  background-size: cover;
}

.box .row{
  flex: 1 1 auto;
  //border: 1px dotted grey;
  overflow-y: auto;
}

.box .row.page{
  flex: 1 1 auto;
  margin-bottom: 3px;

}

.pagecontent{
  display: flex;
  flex-flow: column;
}

.pagecontent .pageheader {
  flex: 0 1 auto;
  /* The above is shorthand for:
  flex-grow: 0,
  flex-shrink: 1,
  flex-basis: auto
  */
  margin-top: 0px;
}

.pagecontent .content {
  flex: 1 1 auto;
  color: #F1F0ED;

}

.box .row.footer {
  flex: 0 0 auto;
  background-color: #F1F0ED;
  max-height: 200px;
}
.margins{
  padding-left: 10%;
  padding-right: 10%;
}

.headerbox{
  background-color: rgba(51,51,51,0.5);
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 30px;
  color: #F1F0ED;
  background-color: #13110f;
  height: 70px;
}

.navbar{
  background-color: rgba(51,51,51,0.5);
  margin-top: 3px;
  margin-bottom: 3px;
  height: 25px;
  background-color: #13110f;
  display: inline-block;
  float:left;
  line-height: 105%;
  color: #F1F0ED;
  box-shadow: 0 2px 4px rgba(0,0,0,0.5);
}
.footerbox{
  padding-top: 10px;
  padding-bottom: 10px;
  display: inline-block;
  float:left;
}

.leftbox{
  float: left;
  left: 0;
  
}
.rightbox{
  float: right;
  right: 0;
}

.button{
  height: 25px;
  background-color: rgba(51,51,51,0.0);
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
  padding-top: 0px;
  padding-bottom: 0px;
  color: #FFFFFF;
  vertical-align: middle;
}

.button:link{
        background-color:#000000;
	
    }
.button:hover{
        background-color:#535353;
    }
.buttonactive{
        background-color:#535353;
	height: 100%;
    }

.section1{
  background-color: #F1F0ED;
  
  //border: 1px dotted grey;
  padding: 20px;
  //margin-left: 10%;
  //margin-right: 10%;
}
.headercontent{
  position: relative;
  display: inline-block;
  float:left;
  vertical-align: top;
}
.lcolumn {
  float: left;
  margin-left: 20px;
}
.rcolumn {
  float: right;
  margin-left: 20px;
}

.contentcolumns {
  width: 100%;
  float:left;
  display: inline-block;
}
.links{
  color: #FFFFFF !important;
  text-decoration: none !important;
  line-height: 200% !important;
}
.opacity-95{
  //opacity: 0.95;
}
.opacity-90{
  opacity: 0.90;
}
.opacity-60{
  opacity: 0.60;
}
.opacity-100{
  opactity: 1 !important;
}