.nav-logo {
    height: 50px;
    width: 50px;
    background-image: url(../img/Logo.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.footer-logo {
    position: relative;
    left: 42%;
    margin-bottom: 6px;
}
.btn-grey{
	background-color: grey;
    border-color: grey;
}
.grey-section {
	background-color: #fbfbfb;
}


.owl-carousel .owl-wrapper {
    display: flex !important;
}
.owl-carousel .owl-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: initial;
}
#studio_carousel img{
  
    height:200px;
}

.tiles img {
    height: 100%;
    object-fit: cover;
    max-width: initial;
    padding:1px
}
.containerImg {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: 2000px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
  }
  
  .tiles {
    margin: 0 15px 30px 15px;
    flex: 0 0 auto;
    padding: 0;
    height: 280px;
    min-width: 220px;
  }
  
  @media screen and (max-width: 1140px) {
    .container { 
      max-width: 850px;
    }
  }
  
  @media screen and (max-width: 2040px) {
    .container { 
      max-width: 1750px;
    }
  }
  
  @media screen and (max-width: 1790px) {
    .container {
      max-width: 1500px;
    }
  }
  
  @media screen and (max-width: 1540px) {
    .container {
      max-width: 1250px;
    }
  }
  
  @media screen and (max-width: 1290px) {
    .container {
      max-width: 1000px;
    }
  }
  
  @media screen and (max-width: 1040px) {
    .container {
      max-width: 750px;
    }
  }
  
  @media screen and (max-width: 790px) {
    .container {
      max-width: 500px;
    }
  }
  .studio{
      widows: 100%;
      align-content: center;
  }