html *
{
    font-family: "Open Sans",Serif;
}

html
{
    height: 100%;
}

body{
    background-color:#ffffff;
    margin:0px;
    padding:0px;
    /*height: auto !important;*/
    min-height:100%; 
    position:relative; 
    padding-bottom:20px;
}


.topbar-custom {
  padding: 2rem;
  transition: padding 0.25s ease;
  background: #ffffff;
  border-bottom:1px solid #55585A;
  /*#55585A*/
  /*#DADADA*/
}

.main-grid{
    padding-top:15px;
    margin-bottom:80px;
 }

.main-callout{
    border-radius:5px;
    box-shadow: 0 8px 6px -6px #55585A;
    /*background-color:#ffffff !important;*/
    background-color: #E6E8EB !important; 
    min-height:500px;
}

.main-callout-text-top{
    text-align:center;
    font-size:36px;
    padding-bottom:15px;
    font-weight:bold;
}

.main-callout-text-middle-center{
    text-align:center;
    font-size:24px;
}

.main-callout-text-middle-left{
    text-align:left;
    font-size:24px;
}

.site-footer {
  background: #55585A;
  color: #ffffff;
  padding: 2rem 0 0;
  font-size:16px;
}

@media screen and (max-width: 39.9375em) {
  .site-footer .columns {
    margin-bottom: 2rem;
  }
}

.site-footer-bottom {
  background: #55585A;
  padding: 1rem 0;
}

.site-footer-bottom p,
.site-footer-bottom .menu {
  margin-bottom: 0;
}

@media screen and (max-width: 63.9375em) {
  .site-footer-bottom {
    text-align: center;
  }
}

#footer { 
    /*position: fixed;*/
    position: absolute; 
    width: 100%;
    bottom: 0; 
    height:100px;
}