@charset "utf-8";
/* CSS Document */

.heroSuleyman p,
.heroElias p,
.heroHans p,
.heroFener p,
.heroBalat p,
.heroHaydarpasa p,
.heroGramofon p,
.heroSilos p,
.heroKundura p,
.heroArchaeological p,
.heroCappadocia p,
.heroColosseum p,
.heroSiena p,
.heroHaydarpasaCollection p,
.heroSyros p,
.heroKasaba p,
.heroNationalArchaeological p,
.heroByzantine p {
  font: 500 20px/20px "Noto Sans", sans-serif;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.8rem;
  color: #fff;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.heroByzantine {
  background-image: linear-gradient(rgba(102, 51, 0, 0.6), rgba(153, 102, 51, 0.2)),
    url(../img/photography/byzantine-christian-museum-athens/byzantine.christian.museum.hero.jpg);
  height: 50vh;
  background-size: cover;
  padding-bottom: 0vh;
}

.heroSyros {
  background-image: linear-gradient(rgba(102, 51, 0, 0.6), rgba(153, 102, 51, 0.2)),
    url(../img/photography/greece/syros-island/syros-island-greece-galissas-sunset.jpg);
  height: 50vh;
  background-size: cover;
  padding-top: 1vh;
  padding-bottom: 0vh;
}

.heroSuleyman {
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0.1)),
    url(../img/photography/suleymaniye-mosque/suleymaniye-mosque-garden.jpg);
  height: 70vh;
  background-size: cover;
  padding-top: 3vh;
  padding-bottom: 0vh;
}

.heroHans {
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(255, 255, 255, 0.1)),
    url(../img/photography/karakoy-hans/kursunlu-han.jpg);
  height: 60vh;
  background-size: cover;
  padding-top: 3vh;
  padding-bottom: 0vh;
}

.heroFener {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(255, 255, 255, 0.1)),
    url(../img/photography/fener-istanbul/fener-istanbul.jpg);
  height: 60vh;
  background-size: cover;
  padding-top: 3vh;
  padding-bottom: 0vh;
}

.heroBalat {
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(255, 255, 255, 0.1)),
    url(../img/photography/balat-istanbul/balat-istanbul.jpg);
  height: 60vh;
  background-size: cover;
  padding-top: 3vh;
  padding-bottom: 0vh;
}

.heroHaydarpasa {
  background-image: linear-gradient(rgba(102, 51, 0, 0.6), rgba(153, 102, 51, 0.2)),
    url(../img/photography/haydarpasa/haydarpasa.jpg);
  height: 60vh;
  background-size: cover;
  padding-top: 3vh;
  padding-bottom: 0vh;
}

.heroSilos {
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(255, 255, 255, 0.1)),
    url(../img/photography/haydarpasa-silos/haydarpasa-silos.jpg);
  height: 60vh;
  background-size: cover;
  padding-top: 3vh;
  padding-bottom: 0vh;
}

.heroArchaeological {
  background-image: linear-gradient(rgba(102, 51, 0, 0.6), rgba(153, 102, 51, 0.2)),
    url(../img/photography/archaeological-museum-istanbul/archaeological-museum.jpg);
  height: 60vh;
  background-size: cover;
  padding-top: 1vh;
  padding-bottom: 0vh;
}

.heroNationalArchaeological {
  background-image: linear-gradient(rgba(102, 51, 0, 0.6), rgba(153, 102, 51, 0.2)),
    url(../img/photography/national-archaeological-museum-athens/archaeological-museum-athens-hero.jpg);
  height: 60vh;
  background-size: cover;
  padding-top: 1vh;
  padding-bottom: 0vh;
}

.heroCappadocia {
  background-image: linear-gradient(rgba(102, 51, 0, 0.6), rgba(153, 102, 51, 0.2)),
    url(../img/photography/cappadocia/cappadocia.turkey.hero.jpg);
  height: 60vh;
  background-size: cover;
  padding-top: 1vh;
  padding-bottom: 0vh;
}

.heroConcrete {
  background-image: url("../img/hero/concrete-texture-collection.jpg");
  /* So the image is responsive */
  background-size: cover;
  /* 100% of the vertical height of the screen no matter how high the browser window is */
  height: 50vh;
}

.heroColosseum {
  background-image: /*linear-gradient(rgba(102,51,0,.6), rgba(153,102,51,.2)),  */ url(../img/textures/colosseum/colosseum-flavian-amphitheatre.jpg);
  height: 80vh;
  background-size: cover;
  padding-top: 1vh;
  padding-bottom: 30vh;
}

.heroSiena {
  background-image: /*linear-gradient(rgba(102,51,0,.6), rgba(153,102,51,.2)),  */ url(../img/textures/siena/siena-tuscany.jpg);
  height: 80vh;
  background-size: cover;
  padding-top: 1vh;
  padding-bottom: 30vh;
}

.heroChurchofChoraProject {
  background-image: url(../img/church-of-chora/church-of-chora.jpg);
  height: 45vh;
  background-size: cover;
  background-position: bottom center;
  padding-top: 15vh;
  padding-bottom: 25vh;
}

.heroChurchofChoraProject h3 {
  font-family: "Montserrat", sans-serif;
  font-weight: 100;
  font-size: 8vmin;
}