@font-face {
    font-family: 'memphigsfont';
    src: url('../font/memphigs.ttf#') format('truetype'),
        url('../fonts/memphigs.otf') format('otf'),
       
    font-weight: normal;
    font-style: normal;
}

main{
  font-family: "memphigs";
}

#nav{
  margin-top: 0px;
}

body {
  background-color: white;
  background-image: url(images/gallery/wallpaper.jpg);
  background-attachment: absolute;
  
}

#header{
  background: -webkit-linear-gradient(#525252, black);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black;
  margin-top: 0px;
  text-align: center;
  font-family: 'memphigs';
  font-size: 10vw;
  min-size: 5vw;
}


#back { 
  position:fixed;
  left:10px;
  top:10px;
  color: gray;
  background-color:#f7f7f7;
  font-family: 'memphigs';
  font-size: 4vw;
  z-index: 99 !important;
}

#back a{
  color:inherit;
  text-decoration: none;
}

}

#blurb {
 text-align: left;
  margin-top: 10px;
  margin: 0 auto;
  font-family: 'Palanquin Dark', sans-serif;
  line-height:1.3;
  font-weight : 300;
  font-size : 17px;
  color : black;
  width:70%;
  padding:5px;
  
}


#gallery {
  marking: 0 auto;
  text-decoration:none;
  margin-top: 0px;
  margin: 0 auto;
  
}

#gallery img {
  position:relative;
  display: inline-block;
  padding:5px;
}


#gallery a {
  
  text-decoration:none;    
}




/* code for accordian bellow */

#accordian {
  margin: auto;
  width: 70%;
  border: 1px solid gray;
  font-family: 'Palanquin Dark', sans-serif;
  font-weight : 300;
  font-size : 16px;
  line-height:1.5;
  color : black;
}

.btn {
  position: relative;
  background-color: #f7f7f7;
  padding: 5px;
 
  border-bottom: 2px solid gray;
  cursor: pointer;
  color: black;
  text-align: center;
  font-family: 'Palanquin Dark', sans-serif;
  line-height:1;
  font-weight : 300;
  font-size : 25px;
   padding:10px;
  
}
.content {
  position: relative;
  padding: 10px;
  background-color:white;
  display: none;     
} 

<!--
@font-face {
  font-family: "memphigsfont";
  src:url("fonts/memphigs.otf");
}

main{
  font-family: "memphigs";
}

#nav{
  margin-top: 0px;
}


#header{
  
  background: -webkit-linear-gradient(gray,black);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black;
  margin-top: 0px;
  text-align: center;
  font-family: 'memphigs';
  font-size: 12vw;
}

#header2{
  
  background: -webkit-linear-gradient(gray,black);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black;
  margin-top: 0px;
  text-align: center;
  font-family: 'memphigs';
  font-size: 9vw;
}

#back { 
  position:fixed;
  left:10px;
  top:10px;
  color: gray;
  font-family: "memphigs";
  font-size: 4vw;
  z-index: 99 !important;
  background:#fcfcfc;
}

#back a{
  color:inherit;
  text-decoration: none;
}


body {
  background-color: white;
  background-image: url(images/gallery/wallpaper.jpg);
  background-attachment: absolute;
  
}

#blurb {
  
  text-align: left;
  margin-top: 10px;
  margin: 0 auto;
  font-family: 'Palanquin Dark', sans-serif;
  line-height:1.3;
  font-weight : 300;
  font-size : 17px;
  color : black;
  width:70%;
  padding:3px;
  background-color:#fcfcfc;
  border:5px solid #fcfcfc;
  border-radius: 10px;
}


#gallery {
  marking: 0 auto;
  text-align: center;
  text-decoration:none;
  margin-top: 0px;
  margin: 0 auto;
}

#gallery img {
  position:relative;
  display: inline-block;
  padding:5px;
}


#gallery a {
  text-decoration:none;    
}


#footer{
  margin-top: 0px;
  text-align: center;
  margin: auto;
} 

#copyright{
  display:inline-block;
}


.copyright {
  float: middle;
}

h3 {
  font-family: 'Source Sans Pro', sans-serif;
  text-transform:uppercase;
  font-weight : 100;
  font-size : 14px;
  color : black;
}