html {
    overflow-y: scroll;
}

body {
background:#000;
    margin: 0; padding: 0;
}

.item {
    float: left;
    position: relative;
    line-height: 1em;
}

.pad{padding:6px 10px 6px 10px;}


.grid-sizer { width: 49%;}
.item { width: 49%; }


#container{margin-top:40px;}


@media screen and (max-width: 1224px) {
 /* 10 columns for larger screens */
  .grid-sizer { width: 50%; }
  .item { width: 50%; }
}

@media screen and (max-width: 720px) {
  /* 10 columns for larger screens */
  .grid-sizer { width: 50%; }
  .item { width: 50%; }
}

@media screen and (max-width: 480px) {
  /* 10 columns for larger screens */
  .grid-sizer { width: 100%; }
  .item { width: 100%; }
}

.image{
    max-width: 100%;
    margin: 0;
    display: block;
}

.image:after {
    clear:both;
}



.textover{position:absolute; width:100%;}





    *, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }

body{margin:0 !important;}

.section_bg {
    margin-top:25px;
padding: 0;
    overflow: hidden;
    background: #000;
    
}
.insection_bg {
    max-width: 1800px;
    margin: 0 auto;
}
.portfolio {
    background: #000;
color:#c5c19d;
    width: 49%;
    margin:0 ;
    padding: 0;
    float: left;
   
}
.portfolio img {
    display: block;
    margin: 0 auto;
    width: 100%;
}
.masonry .portfolio {
  margin-bottom: 0;
  background: #000;

}

h2.title {
font-family: "Raleway"; font-weight: 500;
    text-align: center;
    font-size: 1em;
line-height:1.3em;
text-transform: uppercase;
letter-spacing:1px;
color:#fff;
text-align:left;
margin: 20px 0 0 20px;
}


p.portfoliotxt{padding:20px;}

@media (max-width: 600px) {
  /* 10 columns for larger screens */
  .portfolio { width: 98%; }
}



.text{
    background-image: url('../back.jpg');
   
    height:500px;
background-repeat:no-repeat;
}



h3.direction{color:#fff; font-family: "Raleway"; font-weight: 100;}

a.direction{color:#fff; font-family: "Raleway"; font-weight: 100; text-decoration:none;}

a:hover.direction{color:#ccc; font-family: "Raleway"; font-weight: 100; text-decoration:none;}


.footer{width:100%;}
.left{float:left; width:50%; padding-left:15px;}
.right{float:right; width:50%; text-align:right; padding-right:15px;}

img{border:0;}

.pics{width:100%;}


/* Mobile first queries */



/* Larger than phablet */
@media (min-width: 550px) {}

/* Larger than tablet */
@media (max-width: 750px) {

}

/* Larger than desktop */
@media (max-width: 1024px) {
}

/* Larger than desktop */
@media (max-width: 768px) {}

/* Larger than desktop */
@media (max-width: 480px) {}

/* Larger than Desktop HD */
@media (min-width: 1200px) {}