/* Styles for Cookie div */
    
    #cookieBar {
        padding:15px;
        background-color:#001e46;
        overflow:hidden;
    }
    #cookieBar p {
        margin-top:0px;
        margin-bottom:5px;
        position:relative;
        color:#ffffff;
        font-family: Effra,helvetica,sans-serif;
    }
    
    #cookieBar a {
        color:#71c5e8;
    }
    
    #cookieBar a:visited {
        color:#d9fb6f;
    }
    
    #cookieBar img.close-btn {
        width:32px;
        float:right;
    }
    
    #cookieBar div.cookie-statement-text {
        width:90%;
        float:left;
    }
    #cookieBar h4 {
        color:#77bc1f;
        font-weight:bold;
        font-family:Effra,helvetica,sans-serif;
        margin-top:0px;
        margin-bottom:5px;
    }
    .bg-navy-blue {
        background-color: #001e46;
    }
    .white {
        color: #FFFFFF !important;
    }
    /* end Cookie div */
    
    * {
        box-sizing: border-box;
        margin: 0;
        padding:0;
      }
    
    
    html {
        font-size: 16px;
    }
    
    body {
        font-size: 1rem;
        line-height: 1.6rem;
        font-family: AvenirNextWorld,avenir next,avenir,Effra,helvetica,arial,sans-serif!important;
        font-weight: 400;
        font-style: normal;
        letter-spacing: normal;
        text-transform: none;
        background-color: #fff;
        overflow-wrap: break-word;
        word-break: break-word;
        color: rgba(0,0,0,.9)
    }
    
    header {
        width: 100%;
        background-color: #1010eb;
        display: flex;
        height: fit-content;
    }
    
    .wrapper {
    width: 100%;
    display: flex;
    }
    
    main {
        flex: 3;
        display: flex;
        flex-direction: column;
    }
    
    aside {
        flex: 1;
        background-color: #f2f2f2;
        line-height: 2.4rem;
    }
    
    .container {
        padding: 1rem;
        width: 100%;
        background-color: #f2f2f2;
        margin: 0 auto 0 auto;
        border: rgba(123, 123, 123, 0.5) 5px groove;
        border-top: 0;
    }
    
    .containerleft {
        width: 40%;
        border: rgba(123, 123, 123, 0.5) 5px groove;
        border-top: 0;
        padding:1rem;
    }
    
    .containerright {
        width: 60%;
        border: rgba(123, 123, 123, 0.5) 5px groove;
        border-top: 0;
        padding: 1rem;
    }
    
    .card-container {
        justify-content: space-around;
    }
    
    .flex {
          display: flex;  
          padding:0%;
          justify-content: space-between;
    }
    
    h1 {
        font-size: 2.7rem;
        color: white;
    }
    
    h2 {
        font-size: 1.5rem;
        margin-bottom: 1rem;
    }
    
    h3 {
        font-size: 1.25rem;
        margin-top: 1rem;
    }
    
    ul {
        list-style-type: disc;
        padding-inline-start: 2rem;
    }
    
    a:link {
        color: #1010eb;
        text-decoration: underline;
    }
    
    a:hover {
        color: #23527c;
        text-decoration: underline;
    }
    
    .navyblue {
        background-color: #001e46;
    }
    
    .medblue {
        background-color: #0c0cb0;
    }
    
    .lightblue {
        background-color: #0fc9f7;
    }

    .electricblue {
        background-color: #0052a0;
    }
    
    .card {
        padding: 1rem;
        text-align: center;
        width: 30%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    
    .card h2, .card p {
        color: white;
    }
    
    .card button {
    padding: 1rem;
    background-color: #0fc9f7;
    }
    
    button a {
        font: 2rem;
    }
    
    @media only screen and (max-width: 900px) {
    
        .wrapper {
            display: block;
        }
        .flex {
            display: block;
        }
        .card {
            width: 100%;
        }
        .containerleft, .containerright {
    width: 100%;
        }
      }