* {
    margin: 0;
    padding: 0;
    font-family: sans-serif;
}

.view {
    /*float: left;*/
    position: relative;
    text-align: center;
    cursor: default;
}
.view .mask, .view .content {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}
.view img {
    display: block;
    position: relative;
}
.view .plus {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
    margin: 90px auto 0;
    width: 48px;
}

.view-first img { 
    transition: all 0.2s linear;
}
.view-first .mask {
    opacity: 0;
    background-color: rgba(0,0,8, 0.7); 
    transition: all 0.4s ease-in-out;
}
.view-first .plus {
    transform: translateY(-100px);
    opacity: 0;
    transition: all 0.2s ease-in-out;
}
.view-first p { 
    transform: translateY(100px);
    opacity: 0;
	transition: all 0.2s linear;
}
.view-first a.info{
    opacity: 0;
	transition: all 0.2s ease-in-out;
}

.view-first:hover img { 
	transform: scale(1);
} 
.view-first:hover .mask { 
	opacity: 1;
}
.view-first:hover .plus,
.view-first:hover p,
.view-first:hover a.info {
    opacity: 1;
    transform: translateY(0px);
}
.view-first:hover p {
    transition-delay: 0.1s;
}
.view-first:hover a.info {
    transition-delay: 0.2s;
}

.nav {
    text-align: center;
    margin: auto;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    width: 100%;
    z-index: 1000;
    padding:  40px 0;
    position: fixed;
    background: #2f2f2d
}

body {
    background: url("sayagata-400px.png") fixed;
}

.socIcn ul {
    list-style: none;
    text-align: center;
    margin: auto;
}

.socIcn ul li {
    text-align: center;
    display: inline-block;
}

.socIcn img {
    width: 40px;
}

.socIcn {
    text-align: center;
    margin: 0 auto;
}

.naviga li {
    padding: 20px 0 20px;
    display: inline-block;
    text-align: center;
}

.naviga ul {
    margin-left: -200px;

}

.naviga li a {
    padding: 20px 30px 20px;
    font-size: 2em;
    color: white;
    text-decoration: none;
}

.naviga {
    width: 850px;
    margin: auto;
    text-align: center;
}

.gallery {
    padding: 200px 0 0;
}

.gallery ul {
    text-align: center;
}

.gallery ul li {
    display: inline-block;
    padding: 10px;
}

.gallery ul li img {
    width: 400px;
}

.footer {
    padding: 20px;
    background: #353434;
    color: white;
    text-align: center;
}

 /*    .load {
      position: relative;
      background : #000;
      color: #fff;
      bottom: 40%;
      z-index: 20;
      width: 450px;
      text-align: center;
      padding: 5px 10px;
      margin: 20px;
      }*/

 #footer h1 {
padding: 20px;
} 
      .clearfix:after {
 visibility: hidden;
 display: block;
 font-size: 0;
 content: " ";
 clear: both;
 height: 0;
      }
 .clearfix{ display: inline-block; }
 /* start commented backslash hack \*/
 * html .clearfix { height: 1%; }
 .clearfix{ display: block; }
 /* close commented backslash hack */

/*.load {
  text-align: center;
  width: 150px;
  margin: 50px auto;
  background: black;
  color: white;
  padding: 0 20px;
  bottom: 0;
}*/