@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700|Roboto:300,400,500,700,900');

@import url('https://fonts.googleapis.com/css?family=Crimson+Text:400,400i,600,700');

body{
	font-family: 'Roboto Condensed', sans-serif;
}

#frontpage{
	background-color: black; color: white; padding: 50px; min-height: 100%; height: 100%;  display: block;
	background-size: cover;
}

.backstretch{
	min-height: 100%;
    height: 100% !important;
	width: 100% !important;
}

#heading{
	margin: auto;
	/*font-family: 'Roboto Condensed', sans-serif;*/
	font-weight: 600;
	margin: 0px 0px;
	font-size: 27px;
	text-shadow: 0px 0px 22px black;

}

.sectionHeaders{
	font-family: 'Crimson Text', serif;
	margin-right: 10px;
	letter-spacing: 1px;
	font-size: 45px;
}

.translate a{
	color: white; font-weight: bold; font-size: 20px;
}



@media screen and (max-width: 600px) {
    #logo {
        width: 70vw;
    }

	.sectionHeaders{
		font-size: 8vw !important;
	}

	.container-fluid{
		padding: 20px !important;
	}
}





.itemabox {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.itema {
  position: relative;

  border: 1px solid #333;
  margin: 0%;
  overflow: hidden;

}
.itema img {


  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.itema:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

div#tzourmani_logo {
	width: 212px;
	height: 114px;
	background-image: url('images/tzourmani_logo.jpg');
	margin-top: 24px;
	margin-left: -8px;
}