.d0blackbox {background-color: #1B1B1B; margin-top: 1em; margin-bottom: 1em; padding:30px; min-height:0px; display:block;}
.d0whiteborder {border: 2px solid #fff; padding:15px; min-height:0px; display:block;}

@media only screen and (min-width: 800px) {.d0fivecolumnwrapper {display: flex; overflow: hidden; width: 100%;}}
@media only screen and (max-width: 799px) {.d0fivecolumnwrapper {display: flex; flex-direction: column; overflow: hidden; width: 100%;}}
.d0fivecolumn {flex: 1 1 20%; box-sizing: border-box; padding: 0 5px;}

@media only screen and (min-width: 800px) {
.d0greygradientleft {background: linear-gradient(90deg,rgba(81, 96, 102, 1) 0%, rgba(81, 96, 102, 0) 100%);}
.d0greygradientright {background: linear-gradient(270deg,rgba(81, 96, 102, 1) 0%, rgba(81, 96, 102, 0) 100%);}
}

@media only screen and (max-width: 799px) {
.d0greygradientleft {background: rgba(81, 96, 102, 0.7);}
.d0greygradientright {background: rgba(81, 96, 102, 0.7);}
}

@media only screen and (min-width: 1850px) {.d0headerspace {background-color: transparent; margin-top: 1em; margin-bottom: 1em; padding: 0px; min-height: 840px; display: flex; align-items: center; align-content: center; justify-content: center; flex-direction: column;}}
@media only screen and (min-width: 800px) and (max-width: 1849px) {.d0headerspace {background-color: transparent; margin-top: 1em; margin-bottom: 1em; padding: 0px; min-height: 580px; display: flex; align-items: center; align-content: center; justify-content: center; flex-direction: column;}}
@media only screen and (max-width: 799px) {.d0headerspace {background-color: transparent; margin-top: 1em; margin-bottom: 1em; padding: 0px; min-height: 480px;}}

#r8_content .btn-default {padding: 10px 16px; font-size: 18px; line-height: 1.3333333;}

#r8_content h1 {font-family: "Geist", sans-serif; font-weight: 500;}
#r8_content h2 {font-family: "Geist", sans-serif; font-weight: 500;}
#r8_content h3 {font-family: "Geist", sans-serif; font-weight: 500;}
#r8_content h4 {font-family: "Geist", sans-serif; font-weight: 500;}
.sf-menu > li > a {font-family: "Geist", sans-serif; font-weight: 500;}

@media (max-width : 799px) 
{
#body h1, 
#body h2, 
#body h3,
#body p
{text-align: center;}
}