@font-face {font-family: Dosis-Bold;  src: url(../fonts/Dosis-Bold.ttf);}
@font-face { font-family: Brandon_blk;src: url(../fonts/Brandon_blk.otf);}
ul { list-style: none}
a {text-decoration: none}

.flex-rw {display: flex;flex-flow: row wrap; background-color:#000000;}
footer { background-color:#B00000; margin-top: auto; width: 100%; }
.footer-list-header { padding: 0px 0 5px 0; color: #fff; font-size:24px; }

.footer-list-top { width: 40.333%; margin-bottom:30px;}
.footer-list-top > li { text-align: left;  padding-bottom: 10px; color:#FFF; font-size:20px;}
.footer-list-top > li a{ color:#FFF;}
.footer-list-top > li a:hover{ color:#ccc;}

.footer-bottom-section { width: 100%; padding: 10px; border-top: 1px solid #FFF; margin-top: 10px;}
.footer-bottom-section > div:first-child {  margin-right: auto}
.footer-bottom-wrapper {padding: 0px 0 5px 0; color: #fff; font-size:24px;  text-align:center}

@media only screen and (max-width: 800px) {
.footer .flex-rw { font-size:14px; }
.footer-list-top { width: 45%; margin-bottom:30px;}
.footer-list-top > li { text-align: left;  padding-bottom: 10px; color:#FFF; font-size:14px;}
.footer-list-top > li a{ color:#FFF;}
.footer-list-top > li a:hover{ color:#ccc;}
}
@media only screen and (max-width: 568px) {
.footer-bottom-section {padding: 0 5px 10px 5px }
.footer-bottom-wrapper { font-size:16px; }
}
@media only screen and (max-width: 480px) {
.footer-social-overlap > a {margin: auto}
.footer-social-overlap > a:not(:first-child) {margin-left: 0;}
.footer-bottom-rights {display: block}
.footer-bottom-wrapper { font-size:16px; }
}
@media only screen and (max-width: 320px) {
.footer-bottom-wrapper { font-size:16px; }
}