@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600');
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
body {
  font-family: 'Open Sans', sans-serif;
}
.item {
  position: relative;
  margin: 0%;
  overflow: hidden;
  width: 100%;
}
.item img {
  max-width: 100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.item:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
    color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .9;
}
.item-title {
background-color:rgba(0,0,0,0.7);
position:absolute;
top:75.5%;
width:100%;
margin:0 auto;
left:0%;
color:rgba(255,255,255,0.8);
font-size: 1.2em;
letter-spacing:0px;
text-shadow: 5px 5px 5px rgba(46,46,46,0.8);
line-height: 1.5em;
padding:5%;
text-align:left;
}
.item-title span{
color:#FFF;
font-size: 1.2em;
font-weight:600;
letter-spacing:0px;
text-transform:uppercase;
text-shadow: 5px 5px 5px rgba(46,46,46,0.8);
line-height: 1.2em;
text-align:left;
}
.readmore {
position:absolute;
top:85%;
background: #D2A655;
padding: 10px 10px;
margin:0 auto;
right:5%;
color:#fff;
text-align:right;
font-size:1.1em;
font-weight:600;
line-height: 1.2em;
text-decoration:none;
border-radius: 5px;
}
.readmore:hover {
background: #000;
color:#fff;
}
.readmore i {
font-size:0.7em;
}


.item-title-small {
position:absolute;
top:70%;
width:100%;
margin:0 auto;
left:8%;
color:rgba(255,255,255,0.5);
font-size: 1.1em;
letter-spacing:5px;
text-shadow: 5px 5px 5px rgba(46,46,46,0.8);
line-height: 1.5em;
}
.item-title-small span{
color:#FFF;
font-size:1.5em;
text-transform:uppercase;
letter-spacing:0px;
text-shadow: 5px 5px 5px rgba(46,46,46,0.8);
line-height: 1.2em;
}
.small-readmore {
position:absolute;
top:88%;
width:60%;
margin:0 auto;
right:3%;
color:rgba(255,255,255,1);
text-align:right;
font-size: 0.9em;
letter-spacing:1px;
text-shadow: 5px 5px 5px rgba(46,46,46,0.8);
line-height: 1.2em;
text-decoration:none;
}
.small-readmore a {
position:absolute;
top:88%;
width:60%;
margin:0 auto;
right:3%;
color:rgba(255,255,255,1);
text-align:right;
font-size: 0.9em;
letter-spacing:1px;
text-shadow: 5px 5px 5px rgba(46,46,46,0.8);
line-height: 1.2em;
text-decoration:none;
}
.small-readmore a:hover {
color:rgba(255,255,255,0.8);
text-align:right;
font-size: 0.9em;
}

.small-readmore i {
color:rgba(255,255,255,);
text-align:right;
font-size: .8em;
margin-left:1%;
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1023px) {
.item-title {
position:absolute;
top:71%;
width:100%;
margin:0 auto;
left:0%;
color:rgba(255,255,255,0.5);
font-size: 1em;
letter-spacing:5px;
text-shadow: 5px 5px 5px rgba(46,46,46,0.8);
line-height: 1.5em;
}
.item-title span{
color:#FFF;
font-size:1.2em;
text-transform:uppercase;
letter-spacing:0px;
text-shadow: 5px 5px 5px rgba(46,46,46,0.8);
line-height: 1.2em;
}
.readmore {
display:none;
}
}
@media only screen and (min-device-width : 480px) and (max-device-width : 767px) {
.item-title {
position:absolute;
top:50%;
width:100%;
margin:0 auto;
left:0%;
color:rgba(255,255,255,0.5);
font-size: 1em;
letter-spacing:5px;
text-shadow: 5px 5px 5px rgba(46,46,46,0.8);
line-height: 1.5em;
}
.item-title span{
color:#FFF;
font-size:1.1em;
text-transform:uppercase;
letter-spacing:0px;
text-shadow: 5px 5px 5px rgba(46,46,46,0.8);
line-height: 1.2em;
}
.readmore {
display:none;
}
}
@media only screen and (min-device-width :320px) and (max-device-width : 479px) {
.item-title {
position:absolute;
top:48%;
width:100%;
margin:0 auto;
left:0%;
color:rgba(255,255,255,0.5);
font-size: 1em;
letter-spacing:5px;
text-shadow: 5px 5px 5px rgba(46,46,46,0.8);
line-height: 1.5em;
}
.item-title span{
color:#FFF;
font-size:1.2em;
text-transform:uppercase;
letter-spacing:0px;
text-shadow: 5px 5px 5px rgba(46,46,46,0.8);
line-height: 1.2em;
}
.readmore {
display:none;
}
}