@charset "utf-8";

.header{
	background-color: navy;
	background-size: cover;
	color: white;
	font-size: 20px;
	padding-bottom: 5px;
	padding-top: 5px;
	text-align: center;
}
a {
	text-decoration: none;
	color: white;
}
.logo{
	text-align: center;
}
h1{
	text-align: center;
	color: navy;
	font-family: Garamond, serif;
	font-size: 100px;
	margin-top: -10px
}

content{
	text-align: center;
	color: black;
	font-family: Garamond, serif;
	font-size: 20px;
}

.footer{
	left: 8px;
	bottom: 0;
	background-color: navy;
	color: white;
	font-size: 20px;
	padding: 5px;
}

@media all and (max-width: 1024px) {
    /* styles for narrow desktop browsers and iPad landscape */
}
@media all and (max-width: 959px) {
    /* styles for narrower desktop browsers and iPad portrait */
    #column-left { 
        display: none;
    }
    #column-right { 
        display: none;
    }
    #column-left + #content {
        width: 100%;
        margin: 0;
    }
}
@media all and (max-width: 768px) {
    /* styles for narrower desktop browsers and iPad portrait */
    #column-left { 
        display: none;
    }
    #column-right { 
        display: none;
    }
    #column-left + #content {
        width: 100%;
        margin: 0;
    }
}

@media all and (max-width: 480px) {
    /* styles for iPhone/Android landscape (and really narrow browser windows) */
    #column-left { 
        display: none;
    }
    #column-right { 
        display: none;
    }
    #column-left + #content {
        width: 100%;
        margin: 0;
    }
}

@media all and (max-width: 320px) {
    /* styles for iPhone/Android portrait */
    #column-left { 
        display: none;
    }
    #column-right { 
        display: none;
    }
    #column-left + #content {
        width: 100%;
        margin: 0;
    }
}

@media all and (max-width: 240px) {
    /* styles for smaller devices */
    #column-left { 
        display: none;
    }
    #column-right { 
        display: none;
    }
    #column-left + #content {
        width: 100%;
        margin: 0;
    }
}