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



.display-1 {
	font-family: 'Roboto Slab', serif;
	font-weight: 400;
	font-size: 4vmin;
	text-align: center;
	color: #ebbdb8;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}


.display-3 {
	font-family: 'Roboto Slab', serif;
	font-weight: 300;
	font-size: 5vmax;
	text-align: center;
	color: #fff;
	padding-top: 20vh;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}

.display-4 {
	font-family: 'Roboto Slab', serif;
	font-size: 7vmax;
	font-size: 3vmin;
	font-weight: 300;
	color: #3366cc;
	padding-top: 20vh;
}


.display-5 {
	font-family: 'Roboto Slab', serif;
	font-size: 3.5vmin;
	font-weight: 300;
	color: #ebbdb8;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}


.lead {
	font-family: 'Roboto Slab', serif;
	color: #fff;
	font-size: 4vmin;
	font-weight: 100;
	text-shadow: 1px 1px 1px #000;
}




/* HERO Images */


.heroHomePage {
  background-image: url("../img/gem-studios/mathimata.fonitikis.antonis.armani.04.jpg");
  background-size: cover;
  height: 70vh;
  background-position: center;
  padding-top: 1vh;
  padding-bottom: 0vh;
}

.heroMasterClass {
	background-image:/*linear-gradient(rgba(102,51,255,.3), rgba(0,0,0,.1)),*/ url("../img/master-class/antony.armani.profile.jpg");
	height: 60vh;
	background-size: cover;
	padding-top: 1vh;
	padding-bottom: 10vh;
}


.heroLessons {
	/*  background-image: linear-gradient(rgba(102, 51, 0, .6), rgba(153, 102, 51, .2)), url("../img/lessons/armani-musical-theater-center-lessons.jpg"); */
	background-image: url("../img/gem-studios/mathimata.fonitikis.antonis.armani.05.jpg");
  background-size: cover;
  height: 70vh;
  background-position: center;
  padding-top: 1vh;
  padding-bottom: 0vh;
}


.heroEventsPage {
	background-image: url("../img/events/armani-musical-event-00.jpg");
	background-size: cover;
	min-height: 500px;
}


.heroTeachers {
	background-image: linear-gradient(rgba(102, 51, 0, .6), rgba(153, 102, 51, .2)), url("../img/staff/armani-musical-studio-learning-teaching.jpg");
	background-size: cover;
	min-height: 500px;
}

.heroContactPage {
	background-image: url("../img/gem-studios/antonio.armani.04.jpg");
	background-size: cover;
	min-height: 500px;
}

.heroAlice2018 {
	background-image: linear-gradient(rgba(102, 51, 0, .6), rgba(153, 102, 51, .2)), url("../img/shows/alice-in-wonderland-2018/alice-in-wonderland-2018.jpg");
	height: 60vh;
	background-size: cover;
	padding-top: 1vh;
	padding-bottom: 30vh;
}

.heroAlice2017 {
	background-image: linear-gradient(rgba(102, 51, 0, .6), rgba(153, 102, 51, .2)), url("../img/shows/alice-in-wonderland-2017/alice-in-wonderland-2017.jpg");
	height: 60vh;
	background-size: cover;
	padding-top: 1vh;
	padding-bottom: 30vh;
}


.heroStavros {
	background-image: linear-gradient(rgba(102, 51, 0, .6), rgba(153, 102, 51, .2)), url("../img/shows/stavros-notou-2012/armani-musical-stavros-notou.jpg");
	height: 60vh;
	background-size: cover;
	padding-top: 1vh;
	padding-bottom: 30vh;
}


.heroBacaro {
	background-image: linear-gradient(rgba(102, 51, 0, .6), rgba(153, 102, 51, .2)), url("../img/shows/bacaro-jazz-club/bacaro-jazz-club.jpg");
	height: 60vh;
	background-size: cover;
	padding-top: 1vh;
	padding-bottom: 30vh;
}


.heroCabaret {
	background-image: linear-gradient(rgba(102, 51, 0, .6), rgba(153, 102, 51, .2)), url("../img/shows/cabaret-voltaire/cabaret-voltaire-armani-musical.jpg");
	height: 60vh;
	background-size: cover;
	padding-top: 1vh;
	padding-bottom: 30vh;
}


.heroVasikos {
	background-image:
		/*linear-gradient(rgba(102,51,0,.6), rgba(153,102,51,.2)), */
		url("../img/shows/vasikos-misthos-2013/vasikos-misthos-armani-studio.jpg");
	height: 60vh;
	background-size: cover;
	padding-top: 1vh;
	padding-bottom: 30vh;
}


.heroArtSingingHome {
	background-image:/*linear-gradient(rgba(102,51,255,.3), rgba(0,0,0,.1)),*/ url("../img/events/armani-musical-the-art-of-singing.jpg");
	background-size: cover;
	min-height: 550px;
}


.heroArtSinging {
	background-image:/*linear-gradient(rgba(102,51,255,.3), rgba(0,0,0,.1)),*/ url("../img/events/armani-musical-theatre-the-art-of-singing.jpg");
	height: 60vh;
	background-size: cover;
	padding-top: 1vh;
	padding-bottom: 30vh;
}


.heroVoyage {
	background-image:
		/*linear-gradient(rgba(102,51,0,.6), rgba(153,102,51,.2)), */
		url("../img/shows/musical-voyage/musical-voyage.jpg");
	height: 60vh;
	background-size: cover;
	padding-top: 1vh;
	padding-bottom: 30vh;
}


.heroVoyageHome {
	background-image:linear-gradient(rgba(102,51,255,.3), rgba(0,0,0,.1)), url("../img/hero-sliders/armani-musical-theatre-04.jpg");
	background-size: cover;
	min-height: 500px;
}


.heroAlice p {
	font: 400 30px/30px 'Six Caps', serif;
	font: 400 30px/30px 'Merriweather', serif;
	font-size: 2.6rem;
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}