@font-face {
    font-family: "HouseHoliday-Sans";
    src: url('../fonts/HouseHoliday-Sans.eot');
    src: url("../fonts/HouseHoliday-Sans.eot?#iefix") format("embedded-opentype"), url("../fonts/HouseHoliday-Sans.woff") format("woff");
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
}

@font-face {
    font-family: 'MyriadPro';
    src: url('../fonts/MyriadPro-Regular.eot');
    src: url('../fonts/MyriadPro-Regular.woff') format('woff'), url('../fonts/MyriadPro-Regular.ttf') format('truetype'), url('../fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg'), url('../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype');
    font-weight: 500;
    font-style: normal;
}

body {
    font-family: 'MyriadPro';
    zoom: 100%;
}

.headerImageContainer {
    width: 100%;
    height: 13vh;
}

.bannerImage 
{
    background-position: center;
    position: absolute;
    height: inherit;
    width: 100%;
}

.logoImage
{
    position: absolute;
    margin: 6px 10px;
    max-width: 10vw;
    max-height: 10vh;
}

#top-bar {
    box-shadow: 0px -2px 12px #114b98;
    background: #902c8e;
    position: absolute;
    width: 100%;
    height: 6vh;
}

h1 {
    font-family: 'HouseHoliday-Sans' !important;
    font-size: 3em;
    color: #902c8e;
}

h2 {
    font-size: 1.75em;
}

p {
    margin-bottom: 0;
    font-size: 1.25em;
}

.classlink {
    color: #1e9fc7;
}

.quaverPurpleFont {
    color: #902c8e;
}