/* For portfolio page  */

.foliopage{
    background: #FBE9E2;
  text-align: center;
  font-family: sans-serif;
  padding: 1% 0;
  font-size: 1.1em;
}

 header {
  /*padding: 1% 0;
  border-bottom: 3px solid #333;*/
}

img {
  width: 23%;
  margin: 1%;
  vertical-align: middle;
  transition: all 2s, transform .5s, box-shadow .5s;
}

img:hover {
  box-shadow: 6px 6px 20px rgba(0, 0, 0, .6);
  transform: scale(1.02);
}

img:focus {
  box-shadow: 12px 12px 25px rgba(0, 0, 0, .7);
  width: 46%;
  transform: none;
}


.logoimg{
    content :url('../images/Logo2.png');
}

/* Portrait and Landscape */

@media only screen and (max-width: 940px) {
  img {
    width: 37%;
  }
  img:focus {
    width: 60%;
    margin: 0;
  }


/* Portrait and Landscape */

@media only screen and (max-width: 600px) {
  img {
    width: 65%;
  }
  img:focus {
    width: 100%;
    margin: 20px 0;
  }