.d0whitebox {background-color: #FFFFFF; border-radius: 20px; margin-top: 1em; margin-bottom: 1em; padding: 15px; min-height: 0px; display: block;}
.d0blackbox {background-color: #2d2926; border-radius: 20px; margin-top: 1em; margin-bottom: 1em; padding: 15px; min-height: 0px; display: block;}
.d0greybox {background-color: #eee; border-radius: 20px; margin-top: 1em; margin-bottom: 1em; padding: 15px; min-height: 0px; display: block;}
.d0redborder {border: 1px solid #b22123; border-radius: 10px; margin-top: 1em; margin-bottom: 1em; padding: 15px; min-height: 0px; display:block;}

@media only screen and (min-width: 800px) {.d0h1fontsize {font-family: Rubik, sans-serif; font-size: 60px; line-height: 60px;}}
@media only screen and (max-width: 799px) {.d0h1fontsize {font-family: Rubik, sans-serif; font-size: 30px; line-height: 30px;}}

@media only screen and (min-width: 800px) {.d0h2fontsize {font-family: Rubik, sans-serif; font-size: 36px; line-height: 36px;}}
@media only screen and (max-width: 799px) {.d0h2fontsize {font-family: Rubik, sans-serif; font-size: 20px; line-height: 20px;}}

@media only screen and (min-width: 800px) {.d0h3fontsize {font-family: Rubik, sans-serif; font-size: 24px; line-height: 24px;}}
@media only screen and (max-width: 799px) {.d0h3fontsize {font-family: Rubik, sans-serif; font-size: 18px; line-height: 18px;}}

.d0infotabshift {transform: translate(0px, 17px);}

#r8_content li:before {color: #B22123;}
#r8_content img {border-radius: 20px;}
#r8_content h3 {font-family: Rubik, sans-serif; }

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