/* BIG Website */

html {
    background-color: #ccc;
}

main {
    background-color: #fff;
    width: 80%;
    margin: auto;
    border: 1px solid black;
}

h1 a {
    text-decoration: none;
}

section {
    float: left;
    width: 64%;
}

aside {
    float: right;
    width: 34%;
}

footer{
    padding: 1em;
    text-align: center;
    clear: both;
}

.fullwidth{
    width: 100%;
}

li.has-sub {
    z-index:2
}

div.gallery {
    text-align: center;
}

img {
    width:100%;
    border:1px solid #000;
}

figure {
    display:inline-block;
    margin:.25%;
}

/* Embed Responsively styles */
.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.embed-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.embed-container.agenda-view {
    display:none;
}


/* Mobile Styles */

@media all and (max-width: 840px) {
    
    main {
        width: 100%;
    }
    
    section {
        float: none;
        width: 100%;
    }

    aside {
        float: none;
        width: 100%;
    }
}

/*Calendar Break Point Styles*/

@media all and (max-width:1200px) {
    .embed-container.agenda-view{
        display:block;
    }
    
    .embed-container.month-view{
        display:none;
    }
}