#nav-trigger{display: none}

.nav-trigger{position:absolute}

label[for="nav-trigger"]{position: fixed;right: 15px;top: 15px;z-index: 200;cursor: pointer;}

body {margin: 0;padding: 0;height: 100px}
*{box-sizing: border-box;}

nav {
    background: rgb(100, 100, 100);
    color: aqua;
    padding: 20px
}

.grid {display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 10px;
    background-color: #154360;
}


.q {
    font-weight: 600;
    margin-top: 30px;
    margin-bottom: 10px;
}

.event {
    text-align: center;
}

.cell {
    background-color: rgb(220, 220, 220);
    min-height: 100px;
    padding: 10px;
}


a {
    text-decoration: none;
    padding: 10px 20px;
    color: #000;
    background: #EBF5FB;
    display: inline-block;
    min-width: 100px;
    transition: all 1s;
    font-size: 20px;
}

a:hover {
    color: #EBF5FB;
    background: #333;
}





/* default - small devices */

[class*="col"] {
    grid-column-end: span 12;
}

/* below 600px typically tablet*/

@media only screen and (max-width: 600px) {
    .sm1 {
        grid-column-end: span 12;
    }

    .sm2 {
        grid-column-end: span 6;
    }

    .sm3 {
        grid-column-end: span 4;
    }

    .sm4 {
        grid-column-end: span 3;
    }

    .sm6 {
        grid-column-end: span 2;
    }

    .sm12 {
        grid-column-end: span 1;
    }
}

/* above 601px typically tablet*/

@media only screen and (min-width: 601px) {
    .md1 {
        grid-column-end: span 12;
    }

    .md2 {
        grid-column-end: span 6;
    }

    .md3 {
        grid-column-end: span 4;
    }

    .md4 {
        grid-column-end: span 3;
    }

    .md6 {
        grid-column-end: span 2;
    }

    .md12 {
        grid-column-end: span 1;
    }
}

/* above 1025px typically desktop*/

@media only screen and (min-width: 1025px) {
    .grid {
        max-width: 1400px;
        margin: 0 auto;
    }

    .col1 {
        grid-column-end: span 12;
    }

    .col2 {
        grid-column-end: span 6;
    }

    .col3 {
        grid-column-end: span 4;
    }

    .col4 {
        grid-column-end: span 3;
    }

    .col6 {
        grid-column-end: span 2;
    }

    .col12 {
        grid-column-end: span 1;
    }
}


section {
    max-width: 1100px;
    margin: 0 auto;
}



.hero img {
    object-fit: contain;
    width: 100vw;
    margin-bottom: 5px;
    height: 30vh;
    background: url('../img/arts-phd-filmtv.jpg' )center no-repeat fixed;
    background-size: cover; 
    display: grid;
    color: cadetblue;
    
}

nav {background: #999;padding: 5px;text-align: center;margin-bottom: 50px;background-color: #154360}


.rsp{max-width: 70%;height: auto;}

.text{padding: 10px;line-height: 2em;}

nav ul {list-style-type: none;padding: 0;margin: 0;}

nav li {text-align: center;display: inline;}



.godzilla img {
    width: 95%;
    height: 700px;
    max-width: 70%;
   object-fit: contain;
}

.info2box{
   font-size: 20px;
    font-style: oblique;
    background-color: cornsilk;
    align-content: center;
}


.gotimage img {
    width: 95%;
    height: 700px;
    max-width: 70%;
   object-fit: contain;
    
    }

.gottitle{
    font-size: 20px;
    font-style: oblique;
    background-color: cornsilk;
    align-content: center;
    
}

.gotdescription{
    font-size: 15px;
    font-style: normal;
    background-color: cornsilk;
}

.infobox1{
    background-color: aliceblue;
    width: px;
    font-style: oblique;
    font-size: 19px;
    align-content: center;
    padding-left: 20px;
    padding-right: 20px;
   
}


.movies{
    padding-bottom: 5px;
    padding-left: 90px;
    padding-right: 20px;
    font-style: normal;
    font-size: 19px;
    align-content: center;
    background-color: aliceblue;
}

.footer2{
    height: 30px;
    width: auto;
    background-color: royalblue;
}

.clubleaders{
    font-size: 25px;
    font-style: italic bold;
    padding-left: 50px;
}

.amanda{
    width: auto;
    height: 400px;
}

.amandainfo{
    font-style: normal;
    font-size: 20px;
    background-color: antiquewhite;
}
    
.enrico{
    width: auto;
    height: 400px;
    
}

.enricoinfo{
    font-style: normal;
    font-size: 20px;
    background-color: azure;
}

.qanda1{
    font-style: oblique;
    font-size: 25px;
    background-color: cornflowerblue;
}

.joinus{
    font-size: 25px;
    font-style: oblique;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
}

.arrow{
    height: 30px;
    width: auto;
    object-position: right;
    padding-left: 20px;
    
}

.clickme{
    object-position: left;
    tab-size: 20px;
    
}

.decemcal{
    height: 800px;
    width: auto;
    object-position: center;
    
}

.events2{
    font-style: normal;
    font-size: 20px;
    background-color: skyblue;
}

.wicked img{
     width: 95%;
    height: 700px;
    max-width: 70%;
   object-fit: contain;
    object-position: center;
}

.moviethe img{
    width: 95%;
    height: 700px;
    max-width: 70%;
    object-position:right;
}

.wickedtext{
    font-size: 18px;
    font-style: oblique;
    padding-left: 20px;
    background-color: darkseagreen
}

.footer {margin-top: 50px;background-color: rgb(21, 67, 96);height: 100px;padding: 10px}
.footer3 {margin-top: 50px;background-color: rgb(21, 67, 96);height: 100px;padding: 10px;object-position: bottom;}

.footer4 {margin-top: 50px;background-color: rgb(21, 67, 96);height: 100px;padding: 10px;object-position: bottom;}