body,
html {
    height: 100%;
    width: 100%;
}
#bodywrap {
    padding-left: 17%;
}
#Canada150-logo,
#logo {
    background-size: contain;
}
#Canada150-logo,
#box4,
#box7,
#box9 {
    background-position: center
}
#CJE-sub,
#header-menu,
#help-button,
#how-can {
    text-transform: uppercase;
}
#header-menu,
.sub-menu {
    list-style-type: none;
    position: absolute;
}
.link,
.sub-link {
    text-decoration: none;
}
#Canada150-logo,
#header-menu,
#info-title,
.quote-top,
.sub-menu {
    position: absolute;
}
#box2,
#box6 {
    background-position: right;
    background-size: cover
}
#box1,
#box2,
#box3,
#box5,
#box6,
#box7,
#box8,
#box9,
body {
    background-size: cover
}
html {
    padding: 0;
    font-family: Arial;
    overflow-x: hidden
}
body {
    margin: 0;
    background-image: url(/Documents/Images/bg_24817911313_o.jpg);
    background-attachment: fixed;
    background-position: center top
}
header {
    width: 15%;
    background-color: #fff;
    height: 100%;
    position: fixed;
    z-index: 4
}
#logo {
    display: inline;
    float: left;
    height: auto;
    width: 86%;
    margin-left: 7%;
    margin-top: 17px;
    max-width: 343.17px
}
#Canada150-logo {
    background-image: url(https://farm2.staticflickr.com/1448/25352869361_6e94fa1ab6_o_d.jpg);
    background-repeat: no-repeat;
    height: 8vw;
    width: 8.5vw;
    margin-left: 15%;
    bottom:5vw;
    z-index: 6
}
#info-title {
    width: 35%;
    top: 17px;
    right: 4.14vw;
    text-align: right;
    font-size: 1vw;
    color: rgba(210, 45, 32, 1);
    font-family: 'Times New Roman';
    font-weight: 700;
    display: none;
    line-height: 1.8vw
}
#header-menu,
.menu-link {
    display: inline;
    float: right
}
#header-menu {
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    margin: 0;
    width: 100%;
    right: 0;
    padding: 0;
    top: 10%;
z-index:7;
}
.menu-link {
    text-align: center;
    font-size: 1vw;
    width: 100%;
    padding: 1vw;
    max-height: 10px;
}
.menu-link:hover {
    background-color: rgba(210, 35, 42, 1);
    color: #fff!important
}
.link {
    color: #000
}
.menu-link:hover .link {
    color: #fff
}
.sub-menu {
    display: none;
    position: relative;
    padding-left: 30%;
    color: #000;
    text-align: left;
    min-width: 176px;
    left: 85%;
    top: -5.5vh;
}
.sub-link {
    color: #000!important
}
.sub-item:hover .sub-link {
    text-decoration: none;
    color: #fff!important
}
.sub-item {
    padding: 5%;
    background-color: rgba(255, 255, 255, .9);
    color: #000
}
#testimonial,
#top-text {
    color: #fff;
    display: flex
}
.sub-item:hover {
    color: #fff;
    background-color: rgba(173, 191, 189, .8)
}
.menu-link:hover .sub-menu {
    display: block
}
#circle-container {
    margin-left: 15%;
    padding-top: 4.5vw;
    width: 111px
}
#circle {
    height: 12vw;
    width: 12vw;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .4)
}
#section1 {
    height: 100%;
    background-color: rgba(255, 255, 255, .2);
    width: 17%;
    position: fixed;
    box-shadow: 0 1px 60px 0 rgba(0, 0, 0, .4);
    z-index: 3
}
#section2 {
    height: 30vw;
    width: 100%;
    padding-top: 2.5vw;
    padding-bottom: 9.5vw;
}
#top-text {
    width: auto;
    margin-left: 4.14vw;
    margin-right: 4.14vw;
    margin-bottom: 4.14vw;
    background-color: rgba(210, 35, 42, .78);
    padding: 1vw;
    font-family: Times New Roman;
    text-align: center;
    font-size: 1.6vw;
    align-content: center;
    justify-content: center
}
#testimonial {
    float: left;
    width: 14.92%;
    margin-left: 4.14vw;
    position: relative;
    height: 93%;
    flex-direction: column;
    justify-content: space-around
}
.quote-top {
    display: flex;
    justify-content: center;
    font-size: 4.5vw;
    top: -.5vw;
    left: 34%;
    color: #ebebe0;
    background-color: rgba(210, 35, 42, 1);
    z-index: 1;
    width: 3.35vw;
    height: 3.35vw;
    border-radius: 100%;
    font-family: 'Times New Roman'
}
#help,
#help-button,
.slider-rectangle {
    background-color: rgba(210, 35, 42, .78)
}
#leaf-text,
#leaf-text-title {
    width: 30%;
    padding: 3%;
    position: absolute;
    z-index: 2;
    color: #fff
}
#testimonial-text {
    font-size: 1vw;
    margin-top: 0;
    z-index: 2;
    margin-bottom: 0;
    line-height: 1.3vw
}
#testimonial-name {
    font-size: .8vw;
    margin-top: 1vw;
    margin-bottom: 0;
    display: inline-block
}
#main-image-container {
    width: 52%;
    position: absolute;
    left: 21.01vw
}
#leaf-text {
    font-size: 1vw;
    top: 23vw
}
#leaf-text-title {
    font-family: Times New Roman;
    font-size: 1.5vw;
    top: 16vw
}
#leaf {
width:44%;
}
.slider-rectangle {
    width: 1.3vw;
    height: .9vw;
    display: inline-block
}
#slider-rectangles {
    margin-top: 29.4vw;
    display: none;
    position: absolute;
    z-index: 2;
    right: 3.1vw
}
#help-container {
    width: 22.7vw;
    display: inline;
    float: right;
    margin-right: 4.14vw;
    position: relative;
    z-index: 1;
    font-family: 'Open Sans', sans-serif
}
#CJE,
#CJE-sub,
#help-button,
#how-can {
    font-family: Times New Roman
}
#help {
    color: #fff;
    height: 13vw;
    width: 22.7vw
}
#how-can {
    display: inline;
    float: left;
    font-size: 2.5vw;
    padding: 5% 5% 5% .7vw;
    width: 8vw;
    text-align: right;
    line-height: 2.6vw
}
#help-text {
    width: 50%;
    font-size: 1vw;
    display: inline;
    float: right;
    padding: 5% 5% 5% 0;
    text-align: left
}
#help-button {
    font-size: 1.7vw;
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 18%;
    margin-top: .4vw;
    color: #fff;
}
.box-circle,
.box-hover {
    justify-content: center
}
#opportunities {
    background-color: rgba(173, 191, 189, .8);
    margin-top: 1.3vw;
    font-size: 1.5vw;
    padding: 5%;
    height: 25%
}
#opportunities-button {
    display: inline;
    width: 2.9vw;
    height: 4vw
}
#sponsorship-container {
    margin-top: 3px
}
.sponsorship-row {
    padding: .8vw;
    display: block;
    background-color: rgba(255, 255, 255, .81);
    font-size: .9vw;
    margin-bottom: .2vw
}
#exhibition,
#section31 {
    background-color: rgba(210, 35, 42, .78)
}
#first-support {
    background-color: rgba(173, 191, 189, .8);
    color: #fff;
    font-size: 1vw;
    padding-left: 1.9vw
}
.dropdown-visible {
    display: inline-block
}
.dropdown-invisible1 {
    display: none
}
.dropdown-menu {
    display: block;
    font-size: .76vw;
    margin-left: 0;
    padding-left: 2vw
}
#counter,
.dropdown-visible-button {
    display: inline
}
#section31 {
    height: 13vw;
    width: 71.5%;
    bottom: 0;
    z-index: 5
}
#section3 {
    height: 49vw;
    width: 49vw;
    bottom: 0;
    z-index: 5;
    margin-left: 21vw
}
.dropcaps {
    float: left;
    font-size: 4.4vw;
    line-height: 2vw;
    padding-top: .5vw;
    margin: .5vw
}
#exhibition,
#exhibition-right {
    padding-top: 1.3vw;
    position: absolute;
    color: #fff
}
#exhibition {
        height: 12.7vw;
    padding-left: 4vw;
    width: 46vw;
    left: 21.2vw;
}
#exhibition-right {
    height: 13vw;
    width: 3.7%;
    display: none;
    z-index: 3;
    right: 27vw
}
#CJE {
    margin: -.69vw 0 0;
    font-size: 3vw
}
#CJE-sub {
    font-size: 1.7vw;
    margin: 0;
    width: 14vw;
    line-height: 2vw
}
#exhibit-subtitle {
    font-family: Arial;
    width: 10vw;
    font-size: 1vw;
    text-transform: none;
    display: inline-block;
    margin-top: .607vw;
    line-height: 1.5vw
}
.box-hover,
.circle-number {
    font-family: 'Open Sans', sans-serif
}
#counter {
    position: absolute
}
.slider-container {
    display: block;
    position: absolute;
    width: 46vw;
    left: 21.2vw;
    top: 58vw;
}
#downdate,
#update {
    z-index: 6;
    width: 2.9vw;
    height: 4vw;
    top: 4.5vw;
    position: absolute
}
#box-slider1 {
    white-space: nowrap;
    left: 64vw;
    width: 400px
}
#slider1 {
    top: 1.3vw;
    left: -62vw;
    right: -10vw;
    width: auto
}
#slider {
    width: 48vw;
    margin-left: 1.3vw
}
#update {
    display: none;
    float: left;
    right: -1vw;
    transform: rotate(180deg)
}
#downdate {
    display: inline;
    float: right;
    right: 1.3vw
}
.box {
    display: inline-block;
    height: 14vw;
    width: 14vw;
    background-color: #000;
    margin-right: 1.5vw;
    margin-bottom: 1.5vw;
    box-shadow: 4px 6px 5px 0 rgba(0, 0, 0, .75)
}
.box-circle {
    height: 2.9vw;
    width: 2.9vw;
    border-radius: 100%;
    background-color: rgba(210, 45, 32, 1);
    position: absolute;
    top: -.87vw;
    margin-left: -.87vw;
    color: #fff;
    display: none;
    align-items: center
}
.circle-number {
    font-size: 1.73vw;
    margin-top: 2.43vw
}
.box:hover .box-hover {
    display: flex
}
#button,
#top-scroll1,
.box-hover,
.menu-mobile-button-container {
    display: none
}
.box-hover {
    white-space: normal;
    background-color: rgba(0, 0, 0, .6);
    align-items: center;
    flex-direction: column;
    height: 14vw;
    width: 14vw;
    font-size: 1.6vw;
    text-align: center;
    line-height: 2vw;
    font-weight: 700;
    color: #fff;
    position: absolute;
    z-index: 2
}
.hover-text {
    width: 100%
}
#box1 {
    background-image: url(/Documents/Images/Journey.jpg)
}
#box2 {
    background-image: url(/Documents/Images/War.jpg)
}
#box3 {
    background-image: url(/Documents/Images/Laskin.jpg)
}
#box4 {
    background-image: url(/Documents/Images/Bronfman.jpg);
    background-size: cover
}
#box5 {
    background-image: url(/Documents/Images/Frum.jpg)
}
#box6 {
    background-image: url(/Documents/Images/Safdie.jpg)
}
#box7 {
    background-image: url(https://farm2.staticflickr.com/1545/26077023816_cf24a3769a_o_d.jpg)
}
#box8 {
    background-image: url(/Documents/Images/Nathan.jpg);
    background-position: top
}
#box9 {
    background-image: url(/Documents/Images/Newman.jpg)
}
#top-scroll1 {
    background-color: red;
    color: #fff;
    border-radius: 50%;
    height: 5vw;
    width: 5vw;
    position: fixed;
    bottom: 1vw;
    right: 1vw;
    z-index: 3;
    justify-content: center;
    align-items: center
}
@media screen and (max-width: 640px) {
    #leaf,
    #testimonial,
    .sub-menu {
        position: static
    }
    #header-menu,
    #how-can {
        text-transform: uppercase
    }
    #top-text {
        width: auto;
        margin-left: 15px;
        margin-right: 15px;
        margin-bottom: 4.14vw;
        background-color: rgba(210, 35, 42, .78);
        padding: 1vw;
        color: #fff;
        font-family: Times New Roman;
        text-align: center;
        font-size: 20px;
        display: block;
        align-content: center;
        justify-content: center
    }
    header {
        height: 100px
    }
    #button {
        display: block;
        height: 30px;
        width: 30px;
        position: absolute;
        right: 20px;
        top: 20px;
        background-image: url(https://cdn1.iconfinder.com/data/icons/basic-ui-elements-plain/422/06_menu_stack-128.png);
        background-size: contain;
        background-repeat: no-repeat
    }
    #header-menu,
    .menu-link {
        height: auto;
        width: 100%;
        font-size: 12px
    }
    #header-menu {
        list-style-type: none;
        display: none;
        top: 15vw;
        position: fixed;
        left: 0;
        font-family: 'Open Sans', sans-serif;
        background-color: #fff;
        padding: 15px 0 10px
    }
    .menu-link,
    .sub-item,
    .sub-menu {
        background-color: #fff!important;
        color: #000!important
    }
    .menu-link {
        padding: 13.5px 0 0;
        text-align: center;
        display: block;
        justify-content: space-around;
        margin: 0
    }
    .sub-menu {
        display: none!important;
        padding: 0;
        list-style-type: none;
        text-align: left;
        width: 100%;
        margin-top: 35px;
        margin-left: 50px
    }
    .sub-item {
        display: block;
        padding: 0 0 15px
    }
    #leaf-text,
    #leaf-text-title {
        position: absolute;
        z-index: 2;
        padding: 3%;
        left: 10px
    }
    .menu-mobile-button-container {
        display: inline-block;
        float: right;
        background-color: #000;
        color: #fff;
        width: 15px;
        text-align: center;
        height: 15px;
        border-radius: 30%;
        margin-right: 4.14vw
    }
    #how-can,
    #testimonial {
        float: left;
        display: inline
    }
    #help,
    #testimonial {
        color: #fff;
        background-color: rgba(210, 35, 42, .78)
    }
    .menu-text {
        display: inline-block;
        float: left;
        margin-left: 4.14vw;
        height: 30px
    }
    #help-container,
    #leaf,
    #testimonial {
        margin-left: 15px;
        margin-right: 15px
    }
    .visible-header {
        display: block!important
    }
    #Canada150-logo,
    #info-title,
    #section1,
    .quote-top {
        display: none
    }
    #section2 {
        height: auto;
        width: 100%;
        padding-top: 140px;
        padding-bottom: 0
    }
    #testimonial {
        width: auto;
        padding: 10px;
        height: auto
    }
    #testimonial-text {
        font-size: 12px;
        margin-top: 0;
        z-index: 2;
        margin-bottom: 0;
        line-height: 12px
    }
    #testimonial-name {
        font-size: 10px;
        margin-top: 1vw;
        margin-bottom: 0;
        display: block
    }
    #main-image-container {
        width: 100%;
        position: static;
        left: 0
    }
    #leaf-text {
        width: 30%;
        font-size: 15px;
        color: #fff;
        top: 535px
    }
    #leaf {
        width: 94%;
        top: 440px;
        left: 0
    }
    #leaf-text-title {
        font-family: Times New Roman;
        width: 30%;
        font-size: 20px;
        color: #fff;
        top: 490px
    }
    #help-container {
        width: auto;
        display: block;
        float: right;
        position: static;
        z-index: 1;
        font-family: 'Open Sans', sans-serif;
        margin-top: 0
    }
    #how-can {
        font-size: 20px;
        padding: 22px;
        width: 30%;
        font-family: Times New Roman;
        text-align: right;
        line-height: 30px
    }
    #help {
        height: 100px;
        width: 100%
    }
    #help-text {
        width: 50%;
        font-size: 10px;
        display: inline;
        float: right;
        padding: 22px 22px 22px 0;
        text-align: left
    }
    .dropdown-menu {
        display: block;
        font-size: 12px;
        margin-left: 0;
        padding-left: 2vw;
        height: 60px
    }
    #sponsorship-container {
        margin-top: 0
    }
    .sponsorship-row {
        padding: .8vw;
        display: block;
        background-color: rgba(255, 255, 255, .81);
        font-size: 14px;
        margin-bottom: .2vw
    }
    #section3 {
        margin-top: 0;
        width: 100%;
        bottom: 0;
        z-index: 5;
        margin-left: 0;
        height: auto
    }
    .slider-container {
        display: block;
        position: static;
        padding-top: 1.3vw;
        width: 100%;
        top: 0
    }
    #slider {
        width: auto;
        margin-left: 15px;
        margin-right: 15px
    }
    .box {
        display: inline-block;
        height: 25vw;
        width: 25vw;
        background-color: #000;
        margin-right: 1.5vw;
        margin-bottom: 1.5vw
    }
    .box-hover {
        display: flex;
        float: left;
        background-color: rgba(0, 0, 0, .6);
        justify-content: space-between;
        flex-direction: column;
        height: 21vw;
        width: 21vw;
        padding: 2vw;
        font-size: 1.3vw;
        line-height: 1vw
    }
}
.page-title-container,
.page-title-container-image {
    width: auto;
    margin-left: 7vw;
    margin-right: 7vw;
    background-color: rgba(210, 35, 42, .78);
    margin-bottom: .5vw;
    padding: 1vw 5vw;
    color: #fff;
    text-align: center
}
.page-title-container {
    height: auto
}
.page-title-container-image {
    height: 16vw
}
.page-title {
    font-size: 3vw;
    text-align: center;
    margin: 0
}
.page-title-image {
    font-size: 3vw;
    padding-left: 4vw;
    width: 62%;
    float: right
}
.page-container {
    margin-left: 7vw;
    margin-right: 7vw;
    margin-bottom: 4vw
}
.text-image-row {
    background-color: rgba(255, 255, 255, .5);
    margin-bottom: 1vw;
    display: block;
    height: auto;
    clear: both;
    padding: 5vw
}
.headline-image {
    display: inline-block;
    width: 23vw;
    float: left
}
.page-image-container {
    height: auto;
    margin-top: 3vw
}
.page-image {
    width: 100%
}
.page-text {
    margin-bottom: 5vw
}
.page-padding-top {
    padding: 2.5vw;
}
.page-date {
    position: absolute;
    top: 41vw;
    right: 12vw;
    font-size: 3vw
}
.page-text-exhibit {
    margin-bottom: 5vw;
    width: 30vw;
    float: right;
    font-size: 2vw
}
.exhibit-image-container {
    height: auto;
    width: 30vw;
    float: left
}
.sub-title {
    font-size: 1.7vw
}
.board-list {
    margin-bottom: 1vw
}