h1 {
    font-family: "Arvo", serif;
    font-weight: 700;
    color: #990000;
}

h2 {
    font-family: "Arvo", serif;
    font-weight: 400;
    font-size: 1.3em;
}


.filmtitle {
    font-family: "Arvo", serif;
    font-weight: 700;
    color: #990000;
    padding: 0.3em 0.4em 0 0.4em;
    font-weight: bold;
    font-size: 1.4em;
}

.filmdate {
    padding: 0.2em 0.4em 0 0.4em;
    font-size: 1.2em;
}

.filmgenre {
    padding: 0.2em 0.4em 0 0.4em;
    font-size: 1.2em;
    color: grey;
}

.filmdescription {
    padding: 1em 0.4em 0 0.4em;
    font-size: 1.2em;
}

.contact-class h1 {
    font-size: 3em;
    margin-bottom: 0;
}

.contact-class h2 {
    margin: 0.5em 0 1.2em 0;
    font-size: 1.35em;
}

.contact-class h3 {
    font-family: "Arvo", serif;
    font-weight: 700;
    color: #990000;
    font-size: 1em;
    letter-spacing: 0.5em;
    margin: 2em 0 2em 0;
}

#aboutus {
    margin-top: 200px;
    padding: 0 1em 0 1em;
    margin-bottom: 100px;
}



/*===========================================
BEGIN PURE OVERRIDE
============================================*/

.pure-menu-heading {
    font-family: "Arvo", serif;
    font-weight: 700;
}

.pure-menu-active > .pure-menu-link,
.pure-menu-link:hover,
.pure-menu-link:focus {
    background-color: #4f4f4f;
}

.pure-menu-link {
    color: #e5be00;
}


.pure-menu-horizontal
.pure-menu-list {
    left: calc((100% - 248px)/2);
}




/*===========================================
PURE OVERRIDE END
============================================*/


.headinglogo {
    width: 10%;
    max-width: 133px;
    min-width: 80px;
    position: absolute;
    z-index: 9998;
    padding-left: 1em;
    margin-top: -2px;
}

.happybadge {
    margin: -2% 5%;
    visibility: hidden;
    position: absolute;
    z-index: 9999;
}

.main {
    border: 40px;
}

.custom-wrapper {
    background-color: #3a3a3a;
    -webkit-font-smoothing: antialiased;
    height: 2.1em;
    overflow: hidden;
    -webkit-transition: height 0.5s;
    -moz-transition: height 0.5s;
    -ms-transition: height 0.5s;
    transition: height 0.5s;
}

.custom-wrapper.open {
    height: 10em;
}

.custom-menu-3 {
    text-align: right;
}

.custom-toggle {
    width: 34px;
    height: 34px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    display: none;
}

.custom-toggle .bar {
    background-color: #777;
    display: block;
    width: 20px;
    height: 2px;
    border-radius: 100px;
    position: absolute;
    top: 18px;
    right: 7px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.custom-toggle .bar:first-child {
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
}

.custom-toggle.x .bar {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.custom-toggle.x .bar:first-child {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

@media (max-width: 79.999em) {

    .custom-menu-3 {
        text-align: left;
    }

    .custom-toggle {
        display: block;
    }

}

button {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.buttonbox {
    margin: 0 auto;
    width: 30%;
    margin-top: 4%;
    padding: 5px;
}


/*===========================================
BEGIN FORM OVERRIDE
============================================*/

.contactform {
    margin-top: 200px;
    margin-bottom: 100px;
    padding: 0 1em 0 1em;
}

.pure-form input[type="email"],
.pure-form input[type="text"],
.pure-form select,
.pure-form textarea {
    width: calc(80% - 130px);
}

#foo {
    height: 240px;
}


.text-align-left {
    text-align: left;
}

/*===========================================
END FORM OVERRIDE
============================================*/



.pure-button-primary {
    width: 11.75em;
}


 @media (min-width: 240em) {
    .happybadge {
        visibility: visible;
    }
}


@media(max-width: 79.99em) {

    .pure-form input[type="email"],
    .pure-form input[type="text"],
    .pure-form select,
    .pure-form textarea {
        width: 100%;
    }

    #foo {
    height: 100px;
}
}


@media only screen and (max-width: 79.999em) {
.pure-form-aligned .pure-control-group label {
    margin-bottom: 0.3em;
    text-align: left;
    display: block;
    width: 100%;
    }
}