@charset "utf-8";
/* image effect */
 @import url('https://fonts.googleapis.com/css?family=Cormorant+Infant:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext');

.item-cont {
  overflow: hidden;
  display: inline-block;
  margin-bottom: 8px;
  }
  .item-cont a {
    display: block;
    position: relative;
    color: #FFF;
    border-color: white;
    font-size: 16px; }
    .item-cont a .item-content {
      position: absolute;
      width: 100%;
      cursor: pointer;
      height: 100%;
      text-align: center;
      top: 0;S
      left: 0;
      opacity: 1; }
      .item-cont a .item-content:before {
        border-top: 2px solid;
        border-bottom: 2px solid;
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1);
        opacity: 0; }
      .item-cont a .item-content:after {
        border-left: 2px solid;
        border-right: 2px solid;
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
        opacity: 0; }
      .item-cont a .item-content:before, .item-cont a .item-content:after {
        border-color: white;
        position: absolute;
        top: 15px;
        right: 15px;
        bottom: 15px;
        left: 15px;
        content: '';
        opacity: 0;
        -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
        transition: opacity 0.5s, transform 0.5s; }
      .item-cont a .item-content .text-cont {
        width: 100%;
		line-height:24px;
		text-align:center;
        opacity: 0; }
      .item-cont a .item-content .align-content {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%); }
	  .text-cont p {
		font-family: 'Cormorant Infant', serif;
		font-size:42px;
		line-height:50px;
		font-weight:600;
		color: #FFF;
		text-shadow: 1px 1px 3px #000;}
    .item-cont a figure {
      position: relative;
      width: 100%;
      height: 100%;
      -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
      -o-transform: scale(1, 1);
      transform: scale(1, 1);
      -webkit-transition: transform 0.5s ease-in;
      -moz-transition: transform 0.5s ease-in;
      -o-transition: transform 0.5s ease-in;
      transition: transform 0.5s ease-in; }
      .item-cont a figure:after {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        content: "";
        background-color: rgba(255, 255, 255, 0.4);
        opacity: 0; }
      .item-cont a figure img {
        max-width: 100%;
        height: auto;
        display: block;
		}
    .item-cont a:hover figure {
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1); }
      .item-cont a:hover figure:after {
        opacity: 1; }
    .item-cont a:hover .item-content {
      opacity: 1; }
      .item-cont a:hover .item-content:before, .item-cont a:hover .item-content:after {
        border-color: white; }
      .item-cont a:hover .item-content:before {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1); }
      .item-cont a:hover .item-content:after {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1); }
      .item-cont a:hover .item-content .text-cont {
        opacity: 1; }
		
		
	   .galerija-page .text-cont p {
		font-size:16px;
		line-height:24px;
		font-weight:500;
		color: #FFF;
		padding:0 20px;
		text-shadow: 0px 1px 2px #000;}

/*TABLET*/
@media all and (min-width: 768px) and (max-width: 1023px) {
.text-cont p {
	font-size:16px;
	line-height:20px;
	padding:0 30px;
}
	
}

@media only screen and (max-width:767px) {
.text-cont p {
	font-family: 'Cormorant Infant', serif;
	font-size:26px;
	line-height:32px;
	font-weight:600;
	color: #FFF;
	text-shadow: 1px 1px 3px #000;
	padding:0 20px;
}	
}