.content-container {
    padding-left: 30px;
    padding-right: 30px;
}

.content-container a,
.content-container a:link,
.content-container a:visited,
.content-container a:hover {
    color: #003057;
    text-decoration: underline;
    cursor:pointer;
}

.content-container a:hover {
    color: #44687d;
}

.content-container h1 {
    margin: 0;
    color: #003057;
    font-size: 1.6em !important;
}
.content-container h2 {
    color: #44687d;
    font-size: 1.5em !important;
}

.content-container h3 {
    font-size: 1.4em !important;
}
.content-container h4 {
    font-size: 1.3em !important;
}

.content-container h5 {
    font-size: 1.2em !important;
}

.content-container h6 {
    font-size: 1.1em !important;
}

.content-container hr {
    height:4px;
    border-width:0;
    color:#3f92c0;
    background-color:#3f92c0;
    margin-top: 0;
}

.content-container-blue hr {
    color:#3f92c0;
    background-color:#3f92c0;
}

.content-container-purple hr {
    color:#D9DAE9;
    background-color:#D9DAE9;
}

.content-container-yellow hr {
    color:#FCECA8 ;
    background-color:#FCECA8 ;
}

.content-container .text, .content-container .Normal, .content-container .text .Normal, .content-container .text table {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    color: #000;
    line-height: 18px;
}

.content-container .Normal .hidden-content {
    display:none;
}

.content-container .content-container-title .Head {
    
    font-weight: bold;
    color: #003057;
}

.content-container .content-container-content ul li {
  list-style: none;
}
.content-container .content-container-content ul li:before {
  /* For a round bullet */
  content: '\2022';
  display: block;
  position: relative;
  max-width: 0;
  max-height: 0;
  left: -10px;
  top: 0;
  color: #3f92c0;
  font-size: 20px;
}

.content-container-blue .content-container-content ul li:before {
  color: #3f92c0;
}

.content-container-purple .content-container-content ul li:before {
  color: #D9DAE9;
}

.content-container-yellow .content-container-content ul li:before {
  color: #FCECA8;
}

.content-container .content-container-content .swipe-instructions {
    font-style: italic;
    font-weight: bold;
}

.content-container .content-container-content .content-text {
    font-size: 1.2em;
    color: #666666;
}

.content-container .content-container-content .content-important {
    font-weight: bold;
}

.colour-bar-header {
    font-size: 1.2em;
    font-weight: bold;
    color: #003057;
}

.colour-bar-header h2 {
    margin: 0;
    font-size: 1.5em;
    font-weight: bold;
}

.colour-bar {
    font-weight: bold;
    color: #000000;
}


.colour-bar a, .colour-bar a:visited, .colour-bar a:hover,
.colour-bar-header a, .colour-bar-header a:visited, .colour-bar-header a:hover {
    text-decoration: none;
}

.colour-bar a:hover,
 .colour-bar-header a:hover {
    text-decoration: underline;
}

.colour-bar a, .colour-bar a:visited, .colour-bar a:hover {
    color: #000000;
}

.colour-bar-header a, .colour-bar-header a:visited, .colour-bar-header a:hover {
    color: #003057;
}

.colour-bar ul li {
     margin-top: 10px;
     margin-bottom: 10px;
}

.colour-bar {
        font-size: 1.34em;
}

.colour-bar-header {
        font-size: 1.3em;
}

@media (max-width: 767px) {
    .content-container {
        padding-left: 10px;
        padding-right: 10px;
    }

    .content-container .content-container-title {
        padding-top: 10px;
    }

    .colour-bar {
        font-size: 1.34em;
    }

    .colour-bar-header {
        font-size: 1.3em;
    }
}

@media (min-width: 768px) {
    .content-container {
        padding-left: 30px;
        padding-right: 30px;
    }

    .content-container .content-container-title {
        padding-top: 20px;
    }

    .colour-bar {
        font-size: 1.34em;
    }

    .colour-bar-header {
        font-size: 1.3em;
    }
}

@media (min-width: 992px) {
    .colour-bar {
        font-size: 1.34em;
    }

    .colour-bar-header {
        font-size: 1.2em;
    }
}

@media (min-width: 1200px) {
    .colour-bar {
        font-size: 1.34em;
    }

    .colour-bar-header {
        font-size: 1.2em;
    }
}