*{
  box-sizing:border-box;
}
html, body{

background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 26%, rgba(245,246,255,1) 60%, rgba(255,204,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(26%, rgba(255,255,255,1)), color-stop(60%, rgba(245,246,255,1)), color-stop(100%, rgba(255,204,255,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 26%, rgba(245,246,255,1) 60%, rgba(255,204,255,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 26%, rgba(245,246,255,1) 60%, rgba(255,204,255,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 26%, rgba(245,246,255,1) 60%, rgba(255,204,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 26%, rgba(245,246,255,1) 60%, rgba(255,204,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffccff', GradientType=0 );

 background-repeat: no-repeat;
    
    margin: 0 0 0 0;
    height: auto;

}



#logo img{
  max-width: 150px;
  margin:10px auto 10px auto;
  opacity: 1;
  height: auto !important;
  transition: scale .3s;

}

#logo img:hover {
  transform: scale(1.05);
}

#logo {
  text-align: center;
  color: yellow;
  font-size: 50px;
  text-decoration: none;
}

#logo a:link {
  text-decoration: none;
  color:orange;
  opacity: .8;

}

#logo a:hover {
   color: black;
}












.title{
  font-family: 'Fira Sans', sans-serif;
  text-align: center;
  font-weight: 400;
  letter-spacing:5px;
  background: linear-gradient(rgba(255,0,0,0), #444,rgba(255,0,0,0));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 0;
  @media screen and (min-width:37.5em){
    font-size: 4.75rem;
  }
}
p{
  font-family: 'Fira Sans', sans-serif;
  font-weight: 200;
  font-size: 14px;
  margin:0 auto 2rem;
  text-align: center;
  color:#444;
  width: 80%;
  @media screen and (min-width:37.5em){
    height: 70%;
  text-decoration: none;
  }

#inspolink a:link {
    text-decoration: none;
    color: orange;
  }
  
}
.case-study-gallery{
  margin-top:50px;
  width: 90%;
  margin:50px auto;
  max-width:1100px;
}



#photos {
  max-width: 80%;
  margin:0 auto 2em;

}

#photos img {
  /* Just in case there are inline attributes */
  width: 100% !important;
  height: auto !important;
  border-radius:10px;
  box-shadow:0px 25px 50px rgba(0,0,0,.5);
  margin-bottom: 50px;
}