@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,700');
html {
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
}
h1,h2,h3,h4,h5,h6 {
  font-weight: 300;
}
img {
  width: 100%;
}
img.image {
  box-shadow: 4px 4px 7px #dedede;
  -moz-box-shadow: 4px 4px 7px #dedede;
}
.grid-sizer, .grid-item { 
  width: 31%;
  margin-bottom: 10px;
  }
.grid-sizer.layout-element, .grid-item.layout-element {
  margin-bottom: 0;
}


a { color: #787878; }
a:hover { 
text-decoration: none;
border-bottom: 1px dashed #333;	
color: #444; }
/* Magnific popup animation */

/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  transition: all 1s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  transition: all 1s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}




@media (min-width: 768px) {
    img.mfp-img {
        padding: 0;
        margin: 40px auto;
        /*Add your border*/
        border: 10px solid white;
    }
}