/*FONT-FACE CUSTOM FONTS*/
    @font-face{
                  font-family: Arvo-regular;
                  src: url(../fonts/Arvo-Regular.ttf);

    }

    @font-face {

                 font-family: Arvo-Bold;
                 src: url(../fonts/Arvo-Bold.ttf);
    }

   
/*all*/

body {
  background-color:#FFF;
}

img {
  max-width:100%; 
  height:auto;
}

header {
  background-color:#FFF;
}

#wrapper {
  max-width:100%; 
  background-color:#fff; 
  margin: 0 auto;
}

#logo {
  width:80%; 
  background-color:#fff;
}

nav li {
  text-align:center; 
  margin:1%; 
  border: none;
}

nav {
  width:100%; 
  margin: 0 auto; 
  color:#000; 
  font-family: 'Arvo-Bold';
  text-align: center; 
  font-size: 150%;
  font-weight:500;
}

a:link {
  color:#000; 
  text-decoration:none;
}
a:visited {
  color: #000; 
  text-decoration:none;
}
a:hover {
  color:grey; 
  text-decoration:none; 
  border-bottom:thin solid #000
}
a:active {
  color:grey; 
  text-decoration:none;
  background-color:#fff;
}


figure {
	width: 100vw;
	height: 100vw;
	margin: 0 auto;
}


#footer {
  clear:both;
}

#social {
  text-align:center; 
  opacity: 1; 
  filter: alpha(opacity=100); 
  padding-top: 10vh; 
  width:100%; 
  margin: 0 auto;
}
#facebook:hover {
  opacity: 0.7; 
  filter: alpha(opacity=70);
}

#instagram:hover {
  opacity: 0.7; 
  filter: alpha(opacity=70);
}

#twitter:hover {
  opacity: 0.7; 
  filter: alpha(opacity=70);
}

/*mobile homepage*/

#content {
  margin: 0 auto;
  text-align: center;
}

#logo {
	text-align: center; 
}

ul, li {
  list-style-type: none;
}
#subhead {
	font-family: 'Arvo-Bold';
	text-align: center;
	font-size: 200%;
    padding-top: 3%;
    padding-bottom: 2%;
    }
#about {
  text-align:left;
  font-family: 'Open Sans', sans-serif; 
  font-size: 14px;
}


/*mobile menu*/
#subhead {
  font-family: 'Arvo-Bold';
	text-align: center;
	font-size: 150%;
}


/*mobile news &bevents*/
#subhead {
font-family: 'Arvo-Bold';
	text-align: center;
	font-size: 200%;
	padding-top: 3%;
	padding-bottom: 2%;
}

#news {
	width: 100%;
	float: left;
	padding: 1.6%;
}

#tit {
	font-family: 'Arvo-Regular';
	text-align: center;
	font-size: 170%;
	padding-top: 4%;
	padding-bottom: 3%;
}

#events {
  text-align: left;
  font-family: 'Open Sans', sans-serif; 
  font-size: 14px;
}

/*mobile contact*/

#map {
  width: 99%; 
  height: 99%;
  margin: 1;
}

#m {
  margin-top: 10%;
}
#tm {
  width:100%; 
 text-align: center;
  font-family: 'Arvo-Regular', sans-serif; 
  font-size: 14px; 
  padding-bottom: 0.5%;}

@media (min-width:768px)
{

#logo{
  width: 60%%; 
  text-align: center; 
  margin: 0 auto;
}

nav {
  width:100%; 
  display: block;
}

nav li {
  display:inline-block; 
  color:#000; 
  padding: 2vh; 
  border: none;}


/*homepage*/

#subhead {
  font-family: 'Arvo-Bold';
  text-align: center;
  font-size: 200%;
  padding-top: 3%;
  padding-bottom: 2%;
}
#content {
  margin: 20px auto 0 auto;
}

#about {
	margin: 20px;
	font-family: 'Open Sans', sans-serif;
	column-count: 2;
	font-size: 18;
	column-gap: 70px;

}

#footer {
  background-color: #FFF; clear:both;
}

#facebook:hover {
  opacity: 0.7; filter: alpha(opacity=70);
}

#instagram:hover {
  opacity: 0.7; filter: alpha(opacity=70);
}

#twitter:hover {
  opacity: 0.7; filter: alpha(opacity=70);
}


/*menu page*/

.container {

	        width: 100%;
	        max-width: 1400px;
	        min-width: 320px;
	        margin: o auto;
	        clear: both;


}
.col {
	float: left;
	width: 30.5%;
	margin: 1.4%;
}



/*news & events page*/

#subhead {
  font-family: 'Arvo-Bold'; 
  font-size: 200%;
  padding-top: 3%;
  padding-bottom: 2%;
  text-align: center;

}

#news {
	width: 30%;
	float: left;
	padding: 1.6%;
}

#tit {
	font-family: 'Arvo-Regular';
	text-align: center;
	font-size: 170%;
	padding-top: 4%;
	padding-bottom: 3%;
}

#events {
  text-align: left;
  font-family: 'Open Sans', sans-serif; 
  font-size: 18px;

}


/*gallery page*/

	figure {
		width: 100vw;
		height: 100vw;
		margin: 0 auto;
	}


/*contact*/


#map {
  width:100%; 
  height:100%; 
  float: center; 
  background-color:#fff; 
  margin: 1%;
  overflow: auto;
}
    
#m {
	margin-top: 10%;
}
#tm {
  width:100%; 
 text-align: center;
  font-family: 'Arvo-Regular', sans-serif; 
  font-size: 18px; 
  padding-bottom: 0.5%;
}