.container-fluid {padding-top: 24px;}
h1, h2, h3 {font-family: 'DroidKufiBold'}
p {font-size: 16px;}
p, span, li {font-family: 'DroidKufiLight'}
img {width: 100%;}
.mb-0 {text-align: center;    color: #343a40;}
.text-primary { color: #bd5d38!important; font-family: 'DroidKufiBold' }
.firstRow p {text-align: center; color: #000; font-size: 18px;}
#secondRow {background: #1b1b1b; margin: 24px 0; padding-top: 24px; padding-bottom: 24px}
#secondRow .mb-0 {color: #fff;}
.rowDescription { text-align: justify !important; width: 85%; margin: auto; padding: 24px 15px 0 15px;}

.graphList{width: 70%; margin: auto; padding-top: 48px;font-size: 18px;}
.listText {color: #fff !important}
.graphList li {list-style-type: circle; color: #bd5d38; margin-bottom: 24px; line-height: 30px;text-align: justify;}
.f100 { font-weight: bold; color: #fff; margin-bottom: 10px; padding-bottom: 15px; position: relative; }
.f100::after { border-bottom: 3px solid #1b1b1b; bottom: 0; content: ""; height: 3px; right: 0; margin: 0 auto; position: absolute; right: 0; width: 10%; }

.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
    float: right;
}
.anotherRow { background: #e8e8e8; }
.otherRowDescription { width: 80%; margin: 24px auto; }
@media (max-width: 768px) {
    .container-fluid {padding-top: 55px !important;}
    .rowDescription {width: 100% !important;font-size: 16px !important; text-align: center !important;}
    .graphList li {text-align: right;}
    h1, h2, h3 { font-size: 30px; line-height: 40px; }
}

.teamNames {
    text-align: center;
    font-family: 'DroidKufiLight';
    color: #fff;
}

.teamNames h1 {
    font-size: 18px;
    margin-bottom: 12px;
}
.lastContainer {
    background: #111111;
    border-bottom: 1px solid white;
    padding: 30px 0;
}

.hyperlink {
    font-family: 'DroidKufiLight';
    color: #ffffff !important;
    background: red;
    padding: 5px;
}

/*interactive file*/

.cocoen{box-sizing:border-box;cursor:pointer;line-height:0;margin:0;overflow:hidden;padding:0;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cocoen *{box-sizing:inherit}.cocoen ::after,.cocoen ::before{box-sizing:inherit}.cocoen img,.cocoen picture>img{max-width:none}.cocoen>img,.cocoen>picture>img{display:block;width:100%}.cocoen>div:first-child,picture .cocoen>div{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:50%}.cocoen-drag{background:#fff;bottom:0;cursor:ew-resize;left:50%;margin-left:-1px;position:absolute;top:0;width:2px}
.cocoen-drag::before{
    content: '';
    height: 50px;
    left: -40px;
    margin-left: -7px;
    margin-top: -18px;
    position: absolute;
    top: 50%;
    width: 100px;
    background: url(../data/arrow.gif);
    z-index: 1;
}
.interactiveFileContainer {
    position: relative;
    margin: auto;
    direction: ltr;
    text-align: center;
}
/*interactive file*/