@font-face {
  font-family: 'Creepster';
  font-style: normal;

  src: local('Creepster'), local('Creepster-Regular'), url(https://fonts.gstatic.com/s/creepster/v5/un014as1qOcrVg1hrkn_UVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}



body{
     font-family: 'Creepster', serif;
        font-size: 16px;
      font-style: normal;
background-color:#000000;
    color:#cccccc;
}

.modal_image{
float:left;
}
a:hover{
    color:#ffffff;
}
    a{
        color:#000000;
}

.portfolio-item .portfolio-item-meta h5 a {

color:#000000;
}

.portfolio-item .item-wrap {
    
    background:#000000;
}
.close{
    text-align:right;
    padding:5px;
    cursor:pointer;
}
.closelink{
    color:#ffffff;
}
.art_info{
    
    padding:15px;
}


.art_info p{
    
     font-size: 27px;
}
.reveal-modal{

background:#000000;
}

.art-title{
    color:#999999;
    padding-top:15px;
    padding-bottom:10px;
    font-size: 35px;
    font-weight:normal
}

art_info .art-title{
  
    font-size: 35px;
    font-weight:normal
}

.box {
    background: #000000;
}


#artwork {
    background: url("images/overlay.png"), url("../images/one.jpg");
    background-size: 256px 256px, cover;
    background-attachment: fixed, fixed;
    background-position: top left, center center;
}

li a{
    color:#eeeeee;
}
.goatlink a{
     color:#eeeeee;
}
a.goatlink{
    color:#eeeeee;
}

.goat_head{
    
    background-image:url("../images/goat-header.jpg");
    background-repeat: no-repeat;    
    background-position: center; 
    
}

@media only screen and (max-width: 800px) {
   .goat_head{
        background-image:url("../images/goat-header-small.jpg");
    background-repeat: no-repeat;    
    background-position: center;  
       
}
}