.add-margin.t8px{
    margin-top:8px;
}

.add-margin.t16px{
    margin-top:16px;
}


footer { 
    flex-shrink: 0; 
    margin: 48px 0px 0px 0px;
    padding: 32px 0px 0px 0px;
    background: #ffffff;
}
	
	footer .footer-container {
		width: 100%;
        flex: 1 1 auto;
	}
	
		footer .footer-container ul {
			width: 100%;
			display: flex;
			flex-flow: row wrap; 
			margin: 0px 0px 32px 0px;
			align-items: center;
		}

			footer .footer-container ul li {
				margin: 0px 32px 0px 0px;
			}

				footer .footer-container ul li a {
					font-size: 14px;
				}* { 
                    margin: 0px; 
                    padding: 0px; 
                    outline: none; 
                    box-sizing: border-box; 
                }
                
                *:before, 
                *:after {
                    box-sizing: border-box; 
                }
                
                *:focus,
                *::-moz-focus-inner {
                    outline: none;
                    border: 0px;
                }
                
                html, 
                body { 
                    height: 100%;
                }
                
                body {
                    position: relative;
                    padding: 146px 0px 0px 0px;
                    font-family: 'Heebo-Regular';
                    font-size: 16px;
                    color: #001928;
                    background: #f5f6f7;
                }
                    .body-container { 
                        display: flex;
                        height: 100%;
                        flex-direction: column;
                    }
                
                h1 {
                    margin: 0px 0px 17px 0px;
                    font-family: 'Heebo-Black';
                    font-size: 35px;
                    color: #001928;
                }
                h2 {
                
                }
                h3 {
                    margin: 0px 0px 24px 0px;
                    font-family: 'Heebo-Regular';
                    font-size: 18px;
                }
                
                hr {
                    display: block;
                    margin: 32px 0px;
                    border: none;
                    border-bottom: 2px solid #d9dce1;
                }
                
                p {
                    margin: 0px 0px 24px 0px;
                }
                
                ul, 
                ol {
                    margin: 0px 0px 24px 0px;
                }
                
                ul {
                    list-style: none;
                }
                
                ol.lower-alpha {
                    padding: 0px 0px 0px 24px;
                    list-style-type: lower-alpha;
                }
                
                a {
                    font-family: 'Heebo-Bold';
                    text-decoration: none;
                    color: #0075be;
                }
                
                a.light {
                    font-family: 'Heebo-Regular';
                }
                a:focus,
                a:hover {
                    color: #005587;
                }
                a.disabled {
                    pointer-events: none;
                    cursor: default;
                    opacity: 0;
                }
                
                a.btn-icon {
                    display: inline-block;
                    border-radius: 4px;
                }
                a:focus {
                    box-shadow: 0 0 1px 1px rgba(115,195,235,0.50);
                }
                a span {
                    display: inline-block;
                    vertical-align: middle;
                }
                    a span.btn-icon-text {
                        margin: 0px 0px 0px -8px;
                        padding: 0px 8px 0px 0px;
                        font-family: 'Heebo-Bold';
                        font-size: 14px;
                        color: #0075be;
                    }
                
                .icon {
                    display: block;
                    width: 32px;
                    height: 32px;
                    line-height: 32px;
                    text-align: center;
                }
                    .icon.back-blue {
                        background: url("../imgs/back-blue.svg") no-repeat 6px;
                    }
                    .icon.close-grey {
                        background: url("../imgs/close-grey.svg") no-repeat 7px;
                    }
                    .icon.chevron-left-blue {
                        background: url("../imgs/chevron-left-blue.svg") no-repeat 9px;
                    }
                    .icon.chevron-right-blue {
                        background: url("../imgs/chevron-right-blue.svg") no-repeat 11px;
                    }
                    .icon.trash-blue {
                        background: url("../imgs/trash-blue.svg") no-repeat 4px;
                    }
                    .icon.plus-circle-blue {
                        background: url("../imgs/plus-circle-blue.svg") no-repeat 4px;
                    }
                    .icon.info-blue {
                        background: url("../imgs/info-blue.svg") no-repeat 6px;
                    }
                
                /* --- */
                
                .note-white {
                    display: inline-block;
                    margin: 24px 0px 0px 0px;
                    padding: 24px;
                    background: #ffffff;
                    border-radius: 24px;
                }
                p:last-child {
                    margin: 0px;
                }
                
                .cms-bold-font{
                    font-weight: 700;
                
                }
                /* --- Buttons --- */
                
                button {
                    position: relative;
                    overflow: hidden;
                    min-width: 145px;
                    height: 56px;
                    padding: 0px 16px;
                    text-align: center;
                    text-transform: uppercase;
                    font-family: $font-heebo-bold;
                    font-size: 14px;
                    letter-spacing: 1px;
                    border: 2px solid #0075be;
                    border-radius: 32px;
                    cursor: pointer;
                    transition: all 0.3s ease-out;
                }
                    
                    button.primary {
                        color: #ffffff;
                        background: #0075be;
                    }
                    
                    button.secondary {
                        color: #0075be;
                        background: none;
                    }
                        
                        button.secondary:hover,
                        button.secondary:focus {
                            color: #005587;
                            background: none;
                        }
                        button.secondary:disabled {
                            color: #646c76;
                            background: none;
                            border: 2px solid #ececee;
                            cursor: default;
                        }
                        button.secondary:before,
                        button.secondary:after {
                            background: rgba(0, 117, 190, 0.1);
                        }
                    
                    button.tertiary {
                        height: 32px;
                        border: none;
                        border-radius: 4px;
                        background: none;
                    }
                        button.tertiary span {
                            color: #0075be;
                            line-height: 20px;
                        }
                        
                        button.tertiary:hover,
                        button.tertiary:focus {
                            color: #73c3eb;
                            background: none;
                        }
                        
                        button.tertiary:hover {
                            border: none;
                        }
                            button.tertiary:hover span {
                                color: #006999;
                                border-bottom: 2px solid #006999;
                            }
                        
                        button.tertiary:hover:focus {
                            border: 2px solid #73c3eb;
                        }
                            button.tertiary:hover:focus span {
                                color: #006999;
                                border: none;
                            }
                        
                    button:hover,
                    button:focus {
                        color: #ffffff;
                        background: #005587;
                    }
                    button:hover {
                        border: 2px solid #005587;
                    }
                    button:focus {
                        border: 2px solid #73c3eb;
                        box-shadow: 0 0 1px 1px rgba(115,195,235,0.50);
                    }
                    button:disabled {
                        color: #646c76;
                        background: #ececee;
                        border: 2px solid #ececee;
                        cursor: default;
                    }
                    button:before,
                    button:after {
                        content: '';
                        position: absolute;
                        width: 5px;
                        height: 5px;
                        opacity: 0;
                        border-radius: 50%;
                        background: rgba(255, 255, 255, 0.5);
                    }
                    button:focus:not(:active)::before {
                        animation: ripple 1.5s ease-out;
                    }
                    button:focus:not(:active)::after {
                        animation: ripple 3s ease-out;
                    }
                }
                
                /* --- */
                
                .bmo-card {
                    width: 100%;
                    padding: 24px;
                    border: 2px solid $bmo-gray-light;
                    background: $bmo-white;
                }
                
                .linkAnchor {
                    display: block;
                    position: relative;
                    top: -146px;
                    visibility: hidden;
                }
                
                .underline {
                    text-decoration: underline;
                }
                
                .hidden {
                    overflow: hidden;
                }
                
                .content-left {
                    text-align: left;
                }
                .content-center {
                    text-align: center;
                }
                .no-text-transform {
                    text-transform: none;
                }
                .text-transform-uppercase {
                    text-transform: uppercase;
                }
                
                /* --- */
                
                
                .bmo-card-wrapper {
                    margin: 0px 0px 24px 0px;
                }
                    .bmo-card-wrapper .card-tile {
                        display: flex;
                        flex-flow: column;
                        justify-content: space-between;
                        position: relative;
                        height: 100%;
                        min-width: 200px;
                        min-height: 170px;
                        margin: 0px 8px;
                        padding: 16px;
                        border-radius: 4px;
                        background: $bmo-white;
                        box-shadow: 0 3px 4px 0 rgba(0,25,40,0.12), 0 3px 4px 0 rgba(0,25,40,0.07);
                    }
                        .bmo-card-wrapper .card-tile .card-header {
                            width: 60%;
                            font-family: $font-heebo-bold;
                            font-size: 18px;
                        }
                        .bmo-card-wrapper .card-tile .card-header.card-email {
                            background-image: url("../img/artwork-email.svg");
                            background-repeat: no-repeat;
                            background-position: top 16px right 16px;
                        }
                        .bmo-card-wrapper .card-tile .card-header.card-location {
                            background-image: url("../img/artwork-location.svg");
                            background-repeat: no-repeat;
                            background-position: top 16px right 16px;
                        }
                        .bmo-card-wrapper .card-tile .card-header.card-infobox {
                            margin: 0px;
                        }
                
                
                /* ----------------------------------------- */
                
                /*
                    ---
                    --- FLEXBOX STRUCTURE
                    ---
                */
                
                .site-body { 
                    flex: 1 0 auto; 
                    flex-direction: column; 
                }
                
                .bmo-wrapper {
                    display: flex;
                    width: 1456px;
                    height: 100%;
                    margin: 0px auto;
                }
                
                .bmo-container-flex { 
                    width: 100%; 
                    display: flex; 
                    flex-flow: row wrap; 
                    align-items: stretch;
                }
                .bmo-container-flex.bmo-container-artwork {
                    flex-flow: nowrap;
                }
                    .bmo-container-flex.bmo-container-artwork .bmo-artwork-content {
                        flex: 1;
                    }
                    .bmo-container-flex .bmo-artwork-img {
                        padding: 0px 0px 0px 80px;
                    }
                        .bmo-container-flex .bmo-artwork-img img {
                            
                        }
                        .bmo-container-flex .bmo-artwork-img img.no-menu {
                            
                        }
                
                .flex-90 { 
                    flex: 0 0 90%; 
                }
                .flex-80 { 
                    flex: 0 0 80%; 
                }
                .flex-70 { 
                    flex: 0 0 70%; 
                }
                .flex-60 { 
                    flex: 0 0 60%; 
                }
                .flex-50 { 
                    flex: 0 0 50%; 
                }
                .flex-40 { 
                    flex: 0 0 40%; 
                }
                .flex-33 { 
                    flex: 0 0 33.33%; 
                }
                .flex-30 { 
                    flex: 0 0 30%; 
                }
                .flex-25 { 
                    flex: 0 0 25%; 
                }
                .flex-20 { 
                    flex: 0 0 20%; 
                }
                .flex-10 { 
                    flex: 0 0 10%; 
                }
                .flex-fill {
                    flex: 1;
                }
                .flex-equal { 
                    flex: 1 0 auto; 
                }
                .flex-col-expand {
                    flex: 1 1 auto;
                }
                .flex-equal-fixed { 
                    flex: 0 0 auto; 
                }
                .flex-elements {
                    display: flex;
                    flex-flow: row wrap;
                }
                .flex-h-center {
                    justify-content: center;
                }
                
                .flex-flow-nowrap {
                    flex-flow: nowrap;
                }
                
                .container-noMenuView {
                    max-width: 1120px;
                    margin: 32px auto 0px auto;
                }
                .container-smallNoMenu {
                    max-width: 900px;
                    margin: 0px auto;
                }
                .logo-bmo-large {
                    width:150px;
                    /*margin: 25px;*/
                }
                
                .margin-top-negative{
                    margin-top:-24px;
                }
                
                .margin-bottom-0px{
                    margin-bottom:0px;
                }
                
                .logo-bmo-large{
                    margin-left: -20px;
                }
                        
                /*
                    ---
                    --- Media breaking points
                    ---
                */
                
                @media all and (max-width: 1504px) {
                
                    .bmo-wrapper {
                        width: 1122px;
                    }
                
                }
                
                @media all and (max-width: 1280px) {
                
                    .bmo-wrapper {
                        width: auto;
                        margin: 0px 80px;
                    }
                
                }
                
                @media all and (max-width: 1008px) {
                    .logo-bmo-large{
                    margin-left: 0px;
                }
                
                    h1 {
                        font-size: 22px;
                    }
                    h2 {
                        font-size: 20px;
                    }
                    
                    .bmo-wrapper {
                        margin: 0px 32px;
                    }
                    
                    .bmo-container-flex > .flex-90, 
                    .bmo-container-flex > .flex-80, 
                    .bmo-container-flex > .flex-70, 
                    .bmo-container-flex > .flex-60, 
                    .bmo-container-flex > .flex-50, 
                    .bmo-container-flex > .flex-40,
                    .bmo-container-flex > .flex-33,
                    .bmo-container-flex > .flex-30, 
                    .bmo-container-flex > .flex-20, 
                    .bmo-container-flex > .flex-10 {
                        flex: 0 0 100%;
                    }
                    
                    .mobile-margin-left-0px{
                        margin-left:0px;
                    }
                
                }
                
                @media all and (max-width: 800px) {
                
                    .bmo-container-flex.bmo-container-artwork {
                        flex-flow: row wrap;
                    }
                    
                        .bmo-container-flex.bmo-container-artwork .bmo-artwork-content {
                            order: 2;
                            flex: 0 0 100%;
                        }
                        .bmo-container-flex.bmo-container-artwork .bmo-artwork-img {
                            order: 1;
                            flex: 0 0 100%;
                            padding: 0px 0px 24px 0px;
                        }
                            .bmo-container-flex.bmo-container-artwork .bmo-artwork-img img {
                                width: 240px;
                            }
                            .mobile-margin-left-0px{
                        margin-left:0px;
                    }
                
                }
                
                @media all and (max-width: 600px) {
                
                    .bmo-wrapper {
                        margin: 0px 24px;
                    }
                
                    button {
                        min-width: 216px;
                    }
                
                    .container-noMenuView {
                        width: 100%;
                    }
                .mobile-margin-left-0px{
                        margin-left:0px !important;
                    }
                }
                
                @media all and (max-width: 400px) {
                
                    .bmo-wrapper {
                        margin: 0px 16px;
                    }
                
                    .bmo-container-flex.bmo-container-artwork .bmo-artwork-img {
                        text-align: center;
                    }
                
                }
                
                @media all and (max-width: 320px) {
                
                    
                
                }