body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-size: 18px; 
}

*{
    box-sizing: border-box;
}

/* Navigation Style */

nav {
    background: #999;
    padding: 5px;
    text-align: center;
}
nav ul {
    list-style-type: none;
    display: inline;
    padding: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    bottom: 0px;
    z-index: 200;
    text-align: left;


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

a {
    text-decoration: none;
    padding: 10px 20px;
    color: #000;
    background: #fff;
    display: inline-block;
    width: 250px;
    transition: all 0.5s linear;
}
a:hover {
    color: #fff;
    background: #333;
}

.logoplace {
    width: 400px;
    background: #999;
}

/* Grid Styling */

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

@media only screen and (min-width: 1025px) {
    .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;
    }
}

.grid{
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 30px;
}

.cell{
    
    height: 100px;
}

/* title Styling */

.titlebox {
    width: 100vw;
    height: 10vh;
    display: grid;
}

.subheader {
    height: 100vw;
    height: 15vh;
    display: grid;
}

.pagetitle{
    justify-self: center;
}

/* homepage Style */

.hp-heroimg{
    padding-top: 30px;
    padding-left: 50px;
    height: 70vh;
    background: url(images/homepagehero.jpeg) center center;
    background-size: cover;
    display: grid;
}

.featuredText{
    width: 40%;
    padding: 20px;
    justify-self: center;
    display: grid;
}

.hp-txt {
    grid-column: span 6;

}

.hp-img {
    grid-column: span 3;
    margin-bottom: 400px;
}

/*About Us Style*/

.au-gridml{
    justify-content: center;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.au-mli{
    grid-column: span 1;
    padding-top: 50px;
    justify-content: center;
}

.mtctitlebox {
    width: 100vw;
    height: 80vh;
    display: grid;
}

.au-mtctitletxt {
    width: auto;
    padding: 20px;
    align-self: end;
    justify-self: center;
}

.au-mtccontent {
    width: auto;
    padding: 20px;
    display: grid;
    
}

.castlist {
    padding-left: 40px;
}

/* Calendar Style */

.calhead {
    font-style: italic;
    color: #777272;
    justify-self: center;
    align-self: top;
    padding-top: 40px;
}

.cldr {
    width: 1000px;
    justify-self:center;
}

/* Resources Style */

.res-img {
    height: 200px;
    width: 500px;
}

.tiptext{
    font-size: 20px;
    line-height: 150%;
    align-self: center;
}

.tricks {
    padding-top: 40px;
    padding-bottom: 40px;
}


/* Gallery Style */

.ga-upleft {
grid-column: span 4;
height: 245px;
width: 400px;
}

.ga-hero {
grid-column: span 8;
height: 590px;
width: 820px;
}

.ga-lefttall {
grid-column: span 4;
height: 550px;
width: 400px;

}

.ga-botright {
grid-column: span 3;
height: 245px;
width: 350px;

}