body { font-family: 'Open Sans', sans-serif; font-size: 20px}

h1, h2, h3, h4, b { font-family: 'Montserrat', sans-serif}

b { font-weight: 900}
a { color: #A01C2B}
h1 { font-size: 3rem; font-weight: 700}
a:hover { color: #34486A}
.navbar li { font-family: 'Source Sans Pro', sans-serif; margin-left: 20px}
.hero { color: #fff; text-shadow: 1px 0px 2px grey, -1px 0px 2px grey, 0px 1px 2px grey, 0px -1px 2px grey;}
.action-btn { color: #fff; font-family: 'Source Sans Pro', sans-serif; text-transform: uppercase; text-decoration: none; background: #EDB31C; padding: 0 20px; border-radius: 5px; display: inline-block; border: none; transition: all 0.4s ease 0s}
.action-btn a { font-weight: 900; text-shadow: none; height: 100%; width: 100%}
.action-btn:hover a { color: #34486A}
.contact .action-btn { color: #A01C2B !important; font-weight: 900; }


.accordion-section a { color: #fff}
.panel-body a { color: #A01C2B}
.accordion-section .panel-default > .panel-heading { border: 0; background: linear-gradient(to right, #A01C2B, #DB8352, #EDB31C); padding: 0;}
.accordion-section .panel-default .panel-title a { display: block; font-size: 1.25rem;}
.accordion-section .panel-default .panel-title a:after { font-style: normal; font-size: 1.5rem; color: #1f7de2; float: right; margin-top: -12px;}

figcaption { background: #f1f1f1; font-style: italic; padding: 4px 8px}

.bgb { background-color: #34486A; color: #fff}
.bgb a { color: #fff; padding: 0 5px; margin: 0 5px}
.bgb a:hover { color: #fff}
ul.footer-nav > li { display: inline-block}
.bgg { background-color: rgb(160,28,43); background: linear-gradient(0deg, rgba(160,28,43,1) 0%, rgba(237,179,28,1) 50%, rgba(255,255,255,1) 75%, rgba(255,255,255,1) 100%);}
.owl-item { display: flex; align-items: center; justify-content: center; height: 180px;}
.owl-item img {background-color: #fff !important; height: 100%; display: block; object-fit: contain}

section ul { display: block; margin: 1rem 0; position: relative}
section li { display: block; list-style-type: none; position: relative; padding-left: 1rem; padding-top: 5px; padding-bottom: 5px;}
section li:before { content: ''; width: 1rem; height: 1rem; vertical-align: bottom;
  background: linear-gradient(0deg, rgba(160,28,43,1) 0%, rgba(237,179,28,1) 100%);
  border-radius: 50%;
  display: block; margin-left: -1.5rem; top: 0.75rem; position: absolute}
.about a > img { display: block; float: right; overflow: hidden}
.about img { object-fit: cover; display: block; margin-bottom: 2rem}
.about img { float: right; clear: right; margin-left: 20px}
.ab img { clear: both; float: none; margin: 0; width: 100%}
figure { position: relative}
figure img { display: block}
figcaption {  background: rgba(0, 0, 0, 0.5); color: #FFF; text-align: center}

.promoters a.logos {display: block; height: 240px; width:100%;}
.contact {background: #edb31c;
background: -moz-linear-gradient(top,  #edb31c 0%, #a01c2b 100%);
background: -webkit-linear-gradient(top,  #edb31c 0%,#a01c2b 100%);
background: linear-gradient(to bottom,  #edb31c 0%,#a01c2b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edb31c', endColorstr='#a01c2b',GradientType=0 );
}

@media only screen and (max-width: 768px) {
  h1 { font-size: 2rem;}
  .about img { width: 100%}
}