body {
    background-color: antiquewhite;
    font-family: 'Merriweather', 'Georgia', 'Times New Roman', Times, serif;
    font-size: 12pt;
    margin: 5%;
}

h1 {
    color: #782F40;
    text-align: right;
    font-weight:bolder;
    font-family: 'Merriweather', 'Georgia', 'Serif';
    text-shadow: 4px 4px #DFD1A7;
    font-size: 60px;
}

h2 {
    color: #572932;
    text-align: left;
    font-weight: bold;
    font-family: 'Merriweather', 'Georgia', 'Serif';
    font-size: 27px;
}

h3 {
    color: #CEB888;
    font-weight:bolder;
}

.container
{
    width: 1000px;
    margin: auto;
    overflow: hidden;
}

header {
background-color: oldlace;
height:250px;
text-align: right;
padding: 100px;
background: url(images/pexels-brett-sayles-1000743.jpg) no-repeat center top fixed;
background-size: cover;
}

footer {
background-color: oldlace;
text-align: center;
padding: 20px;
}

.float-none {
    float: none; 
    margin: 25px;
}

.float-right {
    float: right; 
    margin: 15px;
    padding:15px;
}

.float-left {
    float:left;
    margin:25px;
    padding:20px;
}

section {
    margin: 0px;
}

nav {
    background-color: oldlace;
    width: 100%;
    text-align:center;
    top:0;
    position:fixed;
    }

nav a {
display:inline-block;
width:75px;
height:25px;
text-align:center;
background-color:oldlace;
padding:20px;
color: black;
text-decoration:none;
}

nav a:hover {
    background-color: black;
    color: oldlace;
    }

#top {
background-color: oldlace;
color: lightslategrey;
padding:40px;
} 

#aboutus {
    background-color: lightslategrey;
    color:oldlace;
    padding:40px;
}

#admissions {
    background-color: oldlace;
    color: lightslategrey;
    padding:40px;
}

#mpa {
    background-color: lightslategrey;
    color:oldlace;
    padding:40px;
}

@media screen and (max-width: 1400px) {
    .container {
        width:80%;
     }

    h1{
        font-size:48px;
    }

    h2{
        font-size:36px;
    }

    header{
        padding:200px;
    }

}

@media screen and (max-width: 800px) {

     .container {
        width:100%;
     }

    h1 {
        font-size:36px;
    }

    h2 {
        font-size:24px;
    }

    header {
        height:75px;
        padding:150px;
    }

}

@media screen and (max-width: 400px) {
    
    .container {
        width:100%;
     }

    body {
	font-size:1.0em;
    }

    nav a {
        width:70px;
        font-size:0.9em;
        padding:20px;
    }

    header {
	height:200px;
	padding:200px 0 100px 0;
    }

    h1{
    font-size:36px;
    }

    #mpa { 
    padding:40px;
    }

    #aboutus { 
    padding:40px;
    }

    #admissions { 
    padding:40px;
    }

    img { 
        width:100%;
    }

}


.grid-container {
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 25px;
}

.grid-item {
    font-size:1.2em;
}

@media screen and (max-width: 800px) {

    .grid-container {
         grid-template-columns: auto auto;
    }

}

@media screen and (max-width: 480px) {

    .grid-container {
         grid-template-columns: auto;
    }

}