body {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    background-color : #FFFFFF;
    height: 100%;
    margin: 0;
    padding: 0;
}

img {
    border : none;
}

figure {
    display : table;
    width : 300px;
    height : auto;
    float : right;
    margin : 0 0 10px 10px;
}

figcaption {
    font-size : 14px;
    text-align : center;
}

main {
    margin : 0 auto;
    text-align : left;
    width : 980px;
    font-size : 18px;
    color : #000000;
}

header {
	width : 100%;
	height : 140px;
	background-color : #FFFFFF;
	border-bottom : 3px solid #3F8AEB;
}

.panel {
    display : none;
}

.building {
	background-image : url('https://www.philopres.org/images/building.png');
	background-position : center bottom;
	background-size : cover;
	height : 500px;
	padding-top : 1px;
	border-bottom : 3px solid #3F8AEB;
}

.sanctuary {
	background-image : url('https://www.philopres.org/images/sanctuary.png');
	background-position : center top;
	background-size : cover;
	height : 500px;
	padding-top : 1px;
	border-bottom : 3px solid #3F8AEB;	
}

.fellowship-hall {
	background-image : url('https://www.philopres.org/images/fellowship-hall.png');
	background-position : center top;
	background-size : cover;
	height : 500px;
	padding-top : 1px;
	border-bottom : 3px solid #3F8AEB;
}

p {
    max-width : 540px;
    margin : 1em auto;
}

a:link {
	font-weight : bold;
	color : #3F8AEB;
}

a:hover {
	font-weight : bold;
	color : #EAA03F;
}

ul {
    max-width : 530px;
    margin : 1em auto;
}

h1 {
	color : #3F8AEB;
	text-align : center;
}

h1.one {
	color : #FFFFFF;
	font-size : 75px;
	margin : 30px 5px;
	text-shadow : 2px 2px 0 #000000;
	text-align : center;
}

h1.two {
	color : #FFFFFF;
	font-size : 38px;
	margin : 30px 5px;
	text-shadow : 2px 2px 0 #000000;
	text-align : center;
}

hr {
	border-top : 2px solid #3F8AEB;
}

.full {
    display : inline;
}

.mobile {
    display : none;
}

@media screen and (min-width: 601px) {
  div.large {
    display : table;
    width : 100%;
  }
}

@media screen and (max-width: 601px) {
  div.large {
    display : none;
  }
}

@media screen and (max-width: 600px) {
  div.phone {
    display : table;
    width : 100%;
  }
}
@media screen and (min-width: 600px) {
  div.phone {
    display : none;
  }
}

.navbar {
	background : #FFFFFF;
	overflow : hidden;
	font-size : 18px;
	margin-top : 60px;
	float : right;
}

.navbar a:link, .navbar a:visited {
	color : #000000;
	font-weight : bold;
	text-decoration : none;
	display : block;
}

.navbar a:hover {
	color : #EAA03F;
	text-decoration : none;
}

.dropdown {
	float : left;
	overflow : hidden;
	margin-right : 20px;
}

.dropdown .dropbtn {
	text-decoration : none;
	display : block;
	border : none;
	outline : none;
	text-align : left;
	color : #000000;
	background : #FFFFFF;
	font-size : 18px;
	font-weight : bold;
}

.dropdown a:hover .dropbtn {
	color : #000000;
}

.dropbtn {
	margin-top : -2px;
}

.dropdown-content {
	display : none;
	position : absolute;
	background : #FFFFFF;
	padding : 5px;
	z-index : 5;
	border-radius: 0 0 7px 7px;
}

.dropdown-content a {
	float : none;
	color : #000000;
	padding : 5px;
	text-decoration : none;
	display : block;
	text-align : left;
}

.dropdown-content a:hover {
	color : #EAA03F;
}

.dropdown:hover .dropdown-content {
	display : block;
}

.button:link, .button:visited {
    border : none;
    display : inline-block;
    vertical-align : baseline;
    outline : 2px solid #000000;
    cursor : pointer;
    text-align : center;
    text-decoration : none;
	font-size : 18px;
    padding : 1em 2em;
    border-radius : 2em;
    font-weight : bold;
    text-decoration : none;
	color : #FFFFFF;
	background-color : #3F8AEB;
}

.button:hover {
    color : #000000;
    background-color : #EAA03F;
}

#footer-container {
    clear : both;
    width : 100%;
    height : 100%;
    border-top : 3px solid #18478E;
    background : #C0C0C0;
    color : #000000;
	padding-bottom : 2px;
}

#footer {
    width : 980px;
    font-size : 18px;
    text-align : center;
    margin : 0 auto;
}

#footer a {
    color : #000000;
    text-decoration : none;
}

#footer a:hover {
    color : #ec2125;
    text-decoration : none;
}