/**{margin: 0;
padding: 0;}
html{position: relative;min-height: 100%;}
body{background-color: #262626;
    color:white;
    font-family:'Raleway', sans-serif;
}*/
html,body{padding: 0; margin: 0; height: 100%;background-color: #262626;
    color:white; 
    /*font-family:'Raleway', sans-serif;*/}

#wrapper{min-height: 100%; position: relative;}
header {
 background: black;
 width: 100%;
 height: 76px;
 /*position: absolute;*/
 top: 0;
 left: 0;
 padding: 10px 0px;
}
#content{padding-bottom: 120px; /*76px;*/ /*text-align: center;*/ }
h1{ font-size: 2.5em; text-align: center; width: 500px; /*position: relative;top: 80px;
  padding:10px;*/ margin:20px auto 20px; text-transform: uppercase;  font-family:'Raleway', sans-serif;}
footer{background: white;
 width: 100%;
 height: /*76px;*/ 120px;
 /*position:relative;*/
 bottom:0px ;
  left: 0px;
  right:0px;
 position:absolute;

  font-family:'Raleway', sans-serif;
 /*z-index: 100;*/
 
}
footer p{ color:black;
 font-size: 9px;
 text-align: center; 
/*margin-top:55px;*/}

 #social-media-icons{ /*float:right;*/ padding: 10px;}
ul {
 list-style: none;
}
 
li {
 display: inline-block;
 float: left;
 padding: 10px
}
 
a {
 color: #fff;
 text-decoration: none;
 font-weight: bold;
}
 
a:hover {
 text-decoration: underline;
 /*color: #c71722;*/

}
 
#logo {
 margin: 20px;
 float: left;
 width: 200px;
 height: 50px;
 background: no-repeat center;
 display: block;
}
 
nav {
 float: right;
 padding: 20px;
 font-family: 'Raleway', sans-serif;
}
 
#menu-icon {
 background: url(images/menu-icon.png) no-repeat center;
 display: hidden;
 width: 32px;
 height: 32px;
}
#hours{ font-size:.9em; text-align: center; width: 300px; height: 20px;  border: 1px solid white; 
	padding:10px; margin-right: 80px; font-family:'Raleway', sans-serif; }


#scroll-image{height:300px;width:1000px; border: 1px solid white; padding:20px; 
	margin: 10px auto 10px; overflow:scroll;}
.gallery-images{ width:100%;}

.directions{background-color:#c71722;  padding: 10px 0px; width:100%; /*margin: 0px auto 0px;*/ margin-bottom: 3px;
  font-size: 2em; text-align: center; text-transform: uppercase; font-family:'Raleway', sans-serif;}
.contact-us{background-color:#c71722;  padding: 10px 0px; width:100%;/*margin: 5% auto 0;*/font-size: 2em; margin-top: 40px;
  text-align: center; text-transform: uppercase; border-bottom: 3px solid #262626; font-family:'Raleway', sans-serif;  }
  

 

/* -----------------------------exhibition page---------------------------------------------*/


#accordion section p {

    display: none;
    /*text-align: center;*/ font-family: 'Roboto', sans-serif;
}

#accordion section a {
    text-align: center;
    color: black;
    text-decoration: none;
}

#accordion section a:hover {
    text-decoration: underline; color:#c71722;
}


#accordion section:target p {
    display: block;
}

#accordion section h4 {margin-bottom: 80px; text-align: center;}

h2{color: white; font-weight: 400; text-align: center;}
h1{color:white; text-align: center;}
h4{color:#c71722; font-weight: 300; text-transform: uppercase;
  font-family:'Raleway', sans-serif; text-align: center;}
.past{/*font-family: 'Playfair Display', serif;*/font-family: 'Roboto', sans-serif; text-align: left; 
}
 p{padding-bottom: 20px; padding-right: 120px; padding-left: 120px; font-size: 1.1em; line-height: 2em;}
 .last{border-bottom: 1px solid white;}
 .back-to-top{
  background-color: #c71722;
  position: fixed;
  bottom: 2em;
  right: 2em;
  color:white;
  padding: .5em 1em;
  text-transform: uppercase;
  font-size: 11px;
  /*font-weight: bold;*/
  /*font-family: 'Playfair Display', serif;*/ font-family: 'Roboto', sans-serif;
 }

/*-------------------------------------------contact us-------------------------------------------*/
/*--------------------------------------------VISIT-----------------------------------------------*/
#google-maps{background-color: black; width:120px; height:25px; 
  text-align: center; line-height: 1em; padding: 10px; padding-bottom: 10px; margin: 0 auto 10px;
  border-radius: 5px;}

#item2 p a { color: white; text-decoration: underline;}
#item2 p a:hover{text-decoration: none;}

/*-----------------------------------------GET INVLOVED--------------------------------------------*/
.subtitles{text-align:center; text-decoration: underline; color:#c71722;
  font-family:'Raleway', sans-serif; margin-bottom: 10px; padding: 0;}
 {color: white; text-decoration: underline;}
#item3 p a {color: white; text-decoration: underline;}




/*---------------------SMALL SCREEN-----------------------------------------------------------------*/
@media only screen and (max-width : 640px) {
 
 /*header {
 position: absolute; /*z-index: 100;
 }*/
 footer{position: absolute;}
h1{font-size: 1.25em; width:150px; /*margin: 20px auto;*/}
 p{font-size: 1em; line-height: 1.8em; padding-left: 20px; padding-right: 20px;}
 #menu-icon {
 display:inline-block;
 }
 nav{z-index: 10;}
 nav ul, nav:active ul { 
 display: none;
 position: absolute;
 padding: 20px;
 background: /*#c71722*/ black;
 right: 0px;
 top: 76px;
 width: 35%;
 margin: 0;
 }
 
 nav:hover ul {
 display: block;

 }
.gallery-images{width:100%;}
 
 nav li {
 text-align: center;
 width: 100%;
 padding: 15px 0;
 margin: 0;
 }
 .directions{ font-size: 1.25em; /*margin: 0 auto 0;*/ }
.contact-us{font-size: 1.25em;border-bottom: 1.5px solid #262626; margin-top: 25px;}
 #scroll-image{width:300px; height:200px; padding:10px;
	margin:0px auto 0;  } 
#hours{ font-size: .5em; width:180px; height:10px; margin: 10px;}
}


#accordion section h4 {margin-bottom: 40px;}