/* RESET */
/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table {	border-collapse: collapse; border-spacing: 0;}

/* Component styles */
body {
	height: 100%;
  background-color: #eee;
  color: white;
  height: 100%;
  width: 100%;
}
#home { overflow: hidden; }
.street { background-image: url('../img/photos/Street-Summer-2018/tn_street10.jpg');}
.portrait { background-image: url('../img/photos/Portrait-Summer-2018/tn_portrait05.jpg');}
.other { background-image: url('../img/photos/Other-Summer-2018/tn_other04.jpg');}

header {
  background-repeat:no-repeat;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-position: center center;
  position: relative;
  height: 100vh;
  margin: 0;
  background-attachment: fixed;
}

.ct {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}


h1 {
  font-size: 6em;
  font-family: 'Playfair Display', serif;
  color: #fff;
  padding-left: 40px;
  font-weight: 400;
  display: inline-block;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
}

h3 {
  font-size: 3em;
  font-family: 'Playfair Display', serif;
  color: #fff;
  font-weight: 400;
  line-height: 1.3;
}

p {
  font-size: 1.4em;
  line-height: 1.3;
  font-family: 'Playfair Display', serif;
  color: #fff;
  font-weight: 400;
}

.menu {
  position: absolute;
  top: 20px;
  right: 80px;
}
li {
  display: inline-block;
  margin-right: 1em;
  line-height: 1;
  list-style-type: none;
}


a, a:hover, a:visited, a:active {
  font-style: none;
  text-decoration: none;
}
a {
  font-family: 'Playfair Display', serif;
  color: #fff;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5;
   transition: .5s ease-in-out;
   -moz-transition: .5s ease-in-out;
   -webkit-transition: .5s ease-in-out;
}
a:hover {
  color: #f00;
}

.social {
  display: block;
  position: absolute;
  right: 40px;
  top: 0px;
  color: 000;
  font-size: 2em;
}

#home .social {
  top: 50px;
}

.backg {
  background: rgba(255, 255, 255, 0);
  height: 110px;
  line-height: 150px;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
}


/* --- Menu large - small --- */
#global-nav {
  position: fixed;
  top: 0;
  z-index: 999;
  width: 100%;
  color: #fff;
}

.scrolled-nav {

}

.scrolled-nav h1  {
  font-size: 3em;
  line-height: 60px;
  color: #000;
}

.scrolled-nav a {
  color: #000;
}

.scrolled-nav a:hover {
  color: red;
}

.scrolled-nav .backg {
  background: rgba(255, 255, 255, 1);
  height: 60px !important;
  line-height: 60px !important;
}

.counter {
  width: 20px;
  height: 20px;
  background: black;
  color: #fff;
  position: fixed;
  top: 120px;
  right: 0;
}

@media (max-width: 880px) {

    h1, .scrolled-nav h1 {
      font-size: 1.5em;
      padding-left: 10px;
    }

    li {
      margin-right: 0.5em;
    }

    #home .social {
      top: 0px;
      right: 20px;
    }

    #home #global-nav {
      top: 55px;
    }

}


/*--- SLIDESHOW ---*/
/* vanillaSlideshow v0.1 (c) Dimitri Mikadze - https://github.com/DimitriMikadze/vanilla-slideshow - License: MIT */
@import url(http://fonts.googleapis.com/css?family=PT+Sans);

#vanilla-slideshow-container { 
  width: 100%; 
  height: 100%; 
  position: relative; 
  text-align: center;
}

#vanilla-slideshow .vanilla-slide { 
  width: 100%; 
  height: 100%; 
  background-size: cover; 
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: absolute; 
  top: 0; 
  left: 0; 
  opacity: 0;
}

#vanilla-slideshow .vanilla-slide.vanilla-active { 
    opacity: 1;
}

#vanilla-slideshow .vanilla-slide img {
  min-height: 100%;
  min-width: 1024px;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
}

@media screen and (max-width: 1024px) { 
  #vanilla-slideshow .vanilla-slide img {
    left: 50%;
    margin-left: -512px; 
  }
}

/* Arrows */
#vanilla-slideshow-previous {
  position: absolute;
  left: 10px;
  top: 40%;
  width: 48px;
  height: 50px;
  background-position: 0 100%;
  cursor: pointer; 
  opacity: 0.7;
  z-index: 10; 
  display: none;
}

#vanilla-slideshow-next {
  position: absolute;
  right: 10px;
  top: 40%;
  width: 48px;
  height: 50px;
  background-position: 100% 100%;
  cursor: pointer;  
  opacity: 0.7;
  z-index: 10; 
  display: none;
}

#vanilla-slideshow-previous:hover, #vanilla-slideshow-next:hover {
  opacity: 1;
}

/* Indicators */
#vanilla-indicators {
  display: inline-block;
  z-index: 5;
  position: relative;
  bottom: 50px;
}

.vanilla-indicators {
  box-shadow: 0 0 10px #333333;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  float: left;
  margin-right: 3px;
  cursor: pointer;
}

.vanilla-indicators.vanilla-active {
  background-color: #ffffff;
}


/*--- GALLERY ---*/
@import url(http://fonts.googleapis.com/css?family=Lato:400,900);  /* <-- Just for the demo, Yes I like pretty fonts... */
.gallery {
  height: 100%;
}

.square {
    float:left;
    position: relative;
    width: 30%;
    padding-bottom : 30%; /* = width for a 1:1 aspect ratio */
    margin:1.66%;
    background-color:#1E1E1E;
    overflow:hidden;
}

.bg{
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover; /* you change this to "contain" if you don't want the images to be cropped */
  color:#fff;
}

.overlay {
  position: relative;
}

.overlay:after {
  position: absolute;
  content:"";
  top:0;
  left:0;
  width:100%;
  height:100%;
  opacity:0;
  transition: .3s ease;
  background-color: red;
}

.overlay:hover:after  {
  opacity: .5;
  cursor: pointer;
}


/* --- Scroll Arrow --- */
.scroll-down {
  opacity: 1;
  -webkit-transition: all .5s ease-in 3s;
  transition: all .5s ease-in 3s;
}

.scroll-down {
  position: absolute;
  bottom: 30px;
  left: 50%;
  margin-left: -16px;
  display: block;
  width: 32px;
  height: 32px;
  border: 0px solid #FFF;
  background-size: 14px auto;
  border-radius: 50%;
  z-index: 2;
  -webkit-animation: bounce 2s infinite 2s;
  animation: bounce 2s infinite 2s;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
}

.scroll-down:before {
    position: absolute;
    top: calc(50% - 8px);
    left: calc(50% - 7px);
    transform: rotate(-45deg);
    display: block;
    width: 12px;
    height: 12px;
    content: "";
    border: 2px solid white;
    border-width: 0px 0 2px 2px;
}

@keyframes bounce {
  0%,
  100%,
  20%,
  50%,
  80% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}


/* --- FOOTER --- */

.footer-distributed{
  background-color: red;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
  width: 100%;
  text-align: left;
  font: bold 16px sans-serif;

  padding: 55px 50px;
}

.footer-street { margin-top: 500%; }
.footer-portrait { margin-top: 533.33%; }
.footer-other { margin-top: 200%; }

.footer-distributed .footer-left,
.footer-distributed .footer-center,
.footer-distributed .footer-right{
  display: inline-block;
  vertical-align: top;
}

/* Footer left */
.footer-distributed .footer-left {
  width: 30%;
}

/* The company logo */
.footer-distributed h3{
  color:  #ffffff;
  font: normal 36px 'Playfair Display', serif;
  margin: 0;
}

/* Footer links */
.footer-distributed .footer-links {
  color:  #ffffff;
  margin: 10px 0;
  padding: 0;
  border-top: 7px solid #fff;
}

.footer-distributed .footer-links a {
  display:inline-block;
  line-height: 1.8;
  text-decoration: none;
  color: inherit;
  margin-right: 10px
}

.footer-distributed .footer-links a:hover {
  color: #000;
}

.footer-distributed .footer-company-name {
  color:  #000;
  font-size: 16px;
  font-weight: normal;
  margin: 0;
  font-style: italic;
}

/* Footer Center */
.footer-distributed .footer-center {
  width: 40%;
  padding-left: 40px;
}

.footer-distributed .footer-center i {
  background-color: #000;
  color: #ffffff;
  font-size: 20px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  text-align: center;
  line-height: 42px;
  margin: 5px 15px;
  vertical-align: middle;
}

.footer-distributed .footer-center i.fa-envelope{
  font-size: 17px;
  line-height: 38px;
}

.footer-distributed .footer-center p{
  display: inline-block;
  color: #ffffff;
  vertical-align: middle;
  margin:0;
}

.footer-distributed .footer-center p span{
  display:block;
  font-weight: normal;
  font-size:14px;
  line-height:2;
}

.footer-distributed .footer-center p a{
  color:  #fff;
  font-style: italic;
  text-decoration: none;;
}

.footer-distributed .footer-center p a:hover{
 color: #000;
}

/* Footer Right */
.footer-distributed .footer-right{
  width: 20%;
  border-left: 7px solid #fff;
}

.footer-distributed .footer-company-about{
  line-height: 20px;
  color:  #000;
  font-size: 16px;
  font-weight: normal;
  margin: 0;
  margin-left: 15px;
}

.footer-distributed .footer-company-about span{
  display: block;
  color:  #ffffff;
  font-size: 24px;
  margin: 12px 0;
}

@media (max-width: 880px) {

  .footer-distributed{
    font: bold 14px sans-serif;
  }

  .footer-distributed .footer-left,
  .footer-distributed .footer-center,
  .footer-distributed .footer-right{
    display: block;
    width: 100%;
    margin-bottom: 40px;
    text-align: center;
  }

  .footer-distributed .footer-center {
    text-align: left;
    padding-left: 20%;
  }

  .footer-distributed .footer-center i{
    margin-left: 0;
  }

}






















.img-street-01{background-image: url('../img/photos/Street-Summer-2018/tn_street01.jpg');}
.img-street-02{background-image: url('../img/photos/Street-Summer-2018/tn_street02.jpg');}
.img-street-03{background-image: url('../img/photos/Street-Summer-2018/tn_street03.jpg');}

.img-street-04{background-image: url('../img/photos/Street-Summer-2018/tn_street04.jpg');}
.img-street-05{background-image: url('../img/photos/Street-Summer-2018/tn_street05.jpg');}
.img-street-06{background-image: url('../img/photos/Street-Summer-2018/tn_street06.jpg');}

.img-street-07{background-image: url('../img/photos/Street-Summer-2018/tn_street07.jpg');}
.img-street-08{background-image: url('../img/photos/Street-Summer-2018/tn_street08.jpg');}
.img-street-09{background-image: url('../img/photos/Street-Summer-2018/tn_street09.jpg');}

.img-street-10{background-image: url('../img/photos/Street-Summer-2018/tn_street10.jpg');}
.img-street-11{background-image: url('../img/photos/Street-Summer-2018/tn_street11.jpg');}
.img-street-12{background-image: url('../img/photos/Street-Summer-2018/tn_street12.jpg');}

.img-street-13{background-image: url('../img/photos/Street-Summer-2018/tn_street13.jpg');}
.img-street-14{background-image: url('../img/photos/Street-Summer-2018/tn_street14.jpg');}
.img-street-15{background-image: url('../img/photos/Street-Summer-2018/tn_street15.jpg');}

.img-street-16{background-image: url('../img/photos/Street-Summer-2018/tn_street16.jpg');}
.img-street-17{background-image: url('../img/photos/Street-Summer-2018/tn_street17.jpg');}
.img-street-18{background-image: url('../img/photos/Street-Summer-2018/tn_street18.jpg');}

.img-street-19{background-image: url('../img/photos/Street-Summer-2018/tn_street19.jpg');}
.img-street-20{background-image: url('../img/photos/Street-Summer-2018/tn_street20.jpg');}
.img-street-21{background-image: url('../img/photos/Street-Summer-2018/tn_street21.jpg');}

.img-street-22{background-image: url('../img/photos/Street-Summer-2018/tn_street22.jpg');}
.img-street-23{background-image: url('../img/photos/Street-Summer-2018/tn_street23.jpg');}
.img-street-24{background-image: url('../img/photos/Street-Summer-2018/tn_street24.jpg');}

.img-street-25{background-image: url('../img/photos/Street-Summer-2018/tn_street25.jpg');}
.img-street-26{background-image: url('../img/photos/Street-Summer-2018/tn_street26.jpg');}
.img-street-27{background-image: url('../img/photos/Street-Summer-2018/tn_street27.jpg');}

.img-street-28{background-image: url('../img/photos/Street-Summer-2018/tn_street28.jpg');}
.img-street-29{background-image: url('../img/photos/Street-Summer-2018/tn_street29.jpg');}
.img-street-30{background-image: url('../img/photos/Street-Summer-2018/tn_street30.jpg');}

.img-street-31{background-image: url('../img/photos/Street-Summer-2018/tn_street31.jpg');}
.img-street-32{background-image: url('../img/photos/Street-Summer-2018/tn_street32.jpg');}
.img-street-33{background-image: url('../img/photos/Street-Summer-2018/tn_street33.jpg');}

.img-street-34{background-image: url('../img/photos/Street-Summer-2018/tn_street34.jpg');}
.img-street-35{background-image: url('../img/photos/Street-Summer-2018/tn_street35.jpg');}
.img-street-36{background-image: url('../img/photos/Street-Summer-2018/tn_street36.jpg');}

.img-street-37{background-image: url('../img/photos/Street-Summer-2018/tn_street37.jpg');}
.img-street-38{background-image: url('../img/photos/Street-Summer-2018/tn_street38.jpg');}
.img-street-39{background-image: url('../img/photos/Street-Summer-2018/tn_street39.jpg');}

.img-street-40{background-image: url('../img/photos/Street-Summer-2018/tn_street40.jpg');}
.img-street-41{background-image: url('../img/photos/Street-Summer-2018/tn_street41.jpg');}
.img-street-42{background-image: url('../img/photos/Street-Summer-2018/tn_street42.jpg');}

.img-street-43{background-image: url('../img/photos/Street-Summer-2018/tn_street43.jpg');}
.img-street-44{background-image: url('../img/photos/Street-Summer-2018/tn_street44.jpg');}
.img-street-45{background-image: url('../img/photos/Street-Summer-2018/tn_street45.jpg');}

.img-street-46{background-image: url('../img/photos/Street-Summer-2018/tn_street46.jpg');}
.img-street-47{background-image: url('../img/photos/Street-Summer-2018/tn_street47.jpg');}
.img-street-48{background-image: url('../img/photos/Street-Summer-2018/tn_street48.jpg');}

.img-street-49{background-image: url('../img/photos/Street-Summer-2018/tn_street49.jpg');}
.img-street-50{background-image: url('../img/photos/Street-Summer-2018/tn_street50.jpg');}
.img-street-51{background-image: url('../img/photos/Street-Summer-2018/tn_street51.jpg');}


/*--- */



.img-portrait-01{background-image: url('../img/photos/Portrait-Summer-2018/tn_portrait01.jpg');}
.img-portrait-02{background-image: url('../img/photos/Portrait-Summer-2018/tn_portrait02.jpg');}
.img-portrait-03{background-image: url('../img/photos/Portrait-Summer-2018/tn_portrait03.jpg');}

.img-portrait-04{background-image: url('../img/photos/Portrait-Summer-2018/tn_portrait04.jpg');}
.img-portrait-05{background-image: url('../img/photos/Portrait-Summer-2018/tn_portrait05.jpg');}
.img-portrait-06{background-image: url('../img/photos/Portrait-Summer-2018/tn_portrait06.jpg');}

.img-portrait-07{background-image: url('../img/photos/Portrait-Summer-2018/tn_portrait07.jpg');}
.img-portrait-08{background-image: url('../img/photos/Portrait-Summer-2018/tn_portrait08.jpg');}
.img-portrait-09{background-image: url('../img/photos/Portrait-Summer-2018/tn_portrait09.jpg');}

.img-portrait-10{background-image: url('../img/photos/Portrait-Summer-2018/tn_portrait10.jpg');}
.img-portrait-11{background-image: url('../img/photos/Portrait-Summer-2018/tn_portrait11.jpg');}
.img-portrait-12{background-image: url('../img/photos/Portrait-Summer-2018/tn_portrait12.jpg');}

.img-portrait-13{background-image: url('../img/photos/Portrait-Summer-2018/tn_portrait13.jpg');}
.img-portrait-14{background-image: url('../img/photos/Portrait-Summer-2018/tn_portrait14.jpg');}
.img-portrait-15{background-image: url('../img/photos/Portrait-Summer-2018/tn_portrait15.jpg');}

.img-portrait-16{background-image: url('../img/photos/Portrait-Summer-2018/tn_portrait16.jpg');}
.img-portrait-17{background-image: url('../img/photos/Portrait-Summer-2018/tn_portrait17.jpg');}
.img-portrait-18{background-image: url('../img/photos/Portrait-Summer-2018/tn_portrait18.jpg');}

.img-portrait-19{background-image: url('../img/photos/Portrait-Summer-2018/tn_portrait19.jpg');}
.img-portrait-20{background-image: url('../img/photos/Portrait-Summer-2018/tn_portrait20.jpg');}
.img-portrait-21{background-image: url('../img/photos/Portrait-Summer-2018/tn_portrait21.jpg');}

.img-portrait-22{background-image: url('../img/photos/Portrait-Summer-2018/tn_portrait22.jpg');}
.img-portrait-23{background-image: url('../img/photos/Portrait-Summer-2018/tn_portrait23.jpg');}
.img-portrait-24{background-image: url('../img/photos/Portrait-Summer-2018/tn_portrait24.jpg');}

.img-portrait-25{background-image: url('../img/photos/Portrait-Summer-2018/tn_portrait25.jpg');}
.img-portrait-26{background-image: url('../img/photos/Portrait-Summer-2018/tn_portrait26.jpg');}
.img-portrait-27{background-image: url('../img/photos/Portrait-Summer-2018/tn_portrait27.jpg');}

.img-portrait-28{background-image: url('../img/photos/Portrait-Summer-2018/tn_portrait28.jpg');}
.img-portrait-29{background-image: url('../img/photos/Portrait-Summer-2018/tn_portrait29.jpg');}
.img-portrait-30{background-image: url('../img/photos/Portrait-Summer-2018/tn_portrait30.jpg');}

.img-portrait-31{background-image: url('../img/photos/Portrait-Summer-2018/tn_portrait31.jpg');}
.img-portrait-32{background-image: url('../img/photos/Portrait-Summer-2018/tn_portrait32.jpg');}
.img-portrait-33{background-image: url('../img/photos/Portrait-Summer-2018/tn_portrait33.jpg');}

.img-portrait-34{background-image: url('../img/photos/Portrait-Summer-2018/tn_portrait34.jpg');}
.img-portrait-35{background-image: url('../img/photos/Portrait-Summer-2018/tn_portrait35.jpg');}
.img-portrait-36{background-image: url('../img/photos/Portrait-Summer-2018/tn_portrait36.jpg');}

.img-portrait-37{background-image: url('../img/photos/Portrait-Summer-2018/tn_portrait37.jpg');}
.img-portrait-38{background-image: url('../img/photos/Portrait-Summer-2018/tn_portrait38.jpg');}
.img-portrait-39{background-image: url('../img/photos/Portrait-Summer-2018/tn_portrait39.jpg');}

.img-portrait-40{background-image: url('../img/photos/Portrait-Summer-2018/tn_portrait40.jpg');}
.img-portrait-41{background-image: url('../img/photos/Portrait-Summer-2018/tn_portrait41.jpg');}
.img-portrait-42{background-image: url('../img/photos/Portrait-Summer-2018/tn_portrait42.jpg');}

.img-portrait-43{background-image: url('../img/photos/Portrait-Summer-2018/tn_portrait43.jpg');}
.img-portrait-44{background-image: url('../img/photos/Portrait-Summer-2018/tn_portrait44.jpg');}
.img-portrait-45{background-image: url('../img/photos/Portrait-Summer-2018/tn_portrait45.jpg');}

.img-portrait-46{background-image: url('../img/photos/Portrait-Summer-2018/tn_portrait46.jpg');}
.img-portrait-47{background-image: url('../img/photos/Portrait-Summer-2018/tn_portrait47.jpg');}
.img-portrait-48{background-image: url('../img/photos/Portrait-Summer-2018/tn_portrait48.jpg');}

.img-portrait-49{background-image: url('../img/photos/Portrait-Summer-2018/tn_portrait49.jpg');}
.img-portrait-50{background-image: url('../img/photos/Portrait-Summer-2018/tn_portrait50.jpg');}
.img-portrait-51{background-image: url('../img/photos/Portrait-Summer-2018/tn_portrait51.jpg');}

.img-portrait-52{background-image: url('../img/photos/Portrait-Summer-2018/tn_portrait52.jpg');}
.img-portrait-53{background-image: url('../img/photos/Portrait-Summer-2018/tn_portrait53.jpg');}
.img-portrait-54{background-image: url('../img/photos/Portrait-Summer-2018/tn_portrait54.jpg');}

.img-portrait-55{background-image: url('../img/photos/Portrait-Summer-2018/tn_portrait55.jpg');}
.img-portrait-56{background-image: url('../img/photos/Portrait-Summer-2018/tn_portrait56.jpg');}
.img-portrait-57{background-image: url('../img/photos/Portrait-Summer-2018/tn_portrait57.jpg');}

/*--- */

.img-other-01{background-image: url('../img/photos/Other-Summer-2018/tn_other01.jpg');}
.img-other-02{background-image: url('../img/photos/Other-Summer-2018/tn_other02.jpg');}
.img-other-03{background-image: url('../img/photos/Other-Summer-2018/tn_other03.jpg');}

.img-other-04{background-image: url('../img/photos/Other-Summer-2018/tn_other04.jpg');}
.img-other-05{background-image: url('../img/photos/Other-Summer-2018/tn_other05.jpg');}
.img-other-06{background-image: url('../img/photos/Other-Summer-2018/tn_other06.jpg');}

.img-other-07{background-image: url('../img/photos/Other-Summer-2018/tn_other07.jpg');}
.img-other-08{background-image: url('../img/photos/Other-Summer-2018/tn_other08.jpg');}
.img-other-09{background-image: url('../img/photos/Other-Summer-2018/tn_other09.jpg');}

.img-other-10{background-image: url('../img/photos/Other-Summer-2018/tn_other10.jpg');}
.img-other-11{background-image: url('../img/photos/Other-Summer-2018/tn_other11.jpg');}
.img-other-12{background-image: url('../img/photos/Other-Summer-2018/tn_other12.jpg');}

.img-other-13{background-image: url('../img/photos/Other-Summer-2018/tn_other13.jpg');}
.img-other-14{background-image: url('../img/photos/Other-Summer-2018/tn_other14.jpg');}
.img-other-15{background-image: url('../img/photos/Other-Summer-2018/tn_other15.jpg');}

.img-other-16{background-image: url('../img/photos/Other-Summer-2018/tn_other16.jpg');}