/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jan 26, 2017, 10:14:57 PM
    Author     : ilker
*/
.down-arrow{
    display: none;
}
.site-references{
  background: url(../img/Mezeevi_webcatering-background.jpg) no-repeat top center;background-color: #000000;background-size: 100%;}
.site-references .col-lg-4 {
  margin: 0;
  padding: 0; }
.site-references .col-lg-4 img {
  width: 100%; }
.site-references .col-lg-4 .back {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
font-family: 'MistralTurk';font-size: 36px}

.site-references .col-lg-7 {
  float: none;
  margin-left: auto;
  margin-right: auto; }
.site-references .col-lg-4 {position: relative; overflow: hidden;}
.site-references .col-lg-4 .back {
  top: 0;
  display: none;
  background-color: rgba(255, 255, 255, 0.4); }
.site-references .col-lg-4 img {
  width: 100%; 
  margin: 0;
  padding: 0;
    transform: scale(1.5);
    -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out;
}
.site-references .refActive{transform: scale(1)}
.site-references .transform{text-align: center;margin-left: auto;margin-right: auto}
.site-references .transform img{width: 50%;}
.site-references h1{font-family: 'MistralTurk';font-size: 130pt;color: #fdf3de;transform: rotate(-10deg);}
.site-references .content{margin-top: 15%;color: #ffffff;font-size: 20px;margin-bottom: 15%;}
.site-references .body-content{padding-top: 31%;}
/*# sourceMappingURL=references.css.map */
.left,.right,.middle{
    width: 33.333333%;
    margin: 0;
    padding: 0;
    float: left;
}
.top-left,.top-right{
    width: 50%;
    float: left;
}
.bottom{
    width: 100%;
    margin: 0;
    padding: 0;
}
.left img,.right img,.middle img{
        width:100%;filter:grayscale(100%);-webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out;
}
.left img:hover,.right img:hover,.middle img:hover{
        filter:grayscale(0%);
}
@media (max-width: 768px) { 
    .left,.right,.middle{
        width: 100%;
        margin: 0;
        padding: 0;
    }
.site-references h1{font-family: 'MistralTurk';font-size: 80pt;color: #fdf3de;transform: rotate(-10deg);}
}