/* FONTS
============================== */
@import url(https://fonts.googleapis.com/css?family=Alegreya+Sans+SC:400);

h2.text-center {
	color: #900;
	font-size:32pt;
	font-family: "Alegreya Sans SC", sans-serif;
	font-weight:400;
}
p.text-center {
	font-family: "Lato", sans-serif;
	color: #888;
}

/* BODY
============================== */
html {
	width: 100%;
	height: 100%;
}

body {
	height: 100%;
	font-family: "Lato", Helvetica, Arial, sans-serif;
	background: #181818;
	color: #dcdad7;
}

.home {
	width:100%;
	height:100%;
	overflow: hidden;
	padding: 3em;
	display: flex;
	justify-content: center;
	align-self: center;
	background: url('../img/background.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment : fixed;
}

.flexbox {
	display: flex;
	justify-content: center;
	align-self: center;
	height: 20em;
	width: 20em;
	font-size: 16pt;
	text-transform: uppercase;
}

.stemma img {
	display: block;
	margin: 0 auto 1.5em;
	height: 40vw;
	max-height: 300px;
}

.stemma input[type=password] {
	background: transparent;
	color: #FFF;
	outline: none;
	box-shadow: none;
	border-radius: 0;
	border: none;
	border-bottom: solid 1px #FFF;
	padding: 1.5em 0.75em;
	font-size: 0.65em;
	text-align: center;
}

.stemma input[type=password]:focus {
	outline: none;
	box-shadow: none;
	border: none;
	border-bottom: solid 1px #FFF;
}

.stemma input::-webkit-input-placeholder {
    color: #FFF;
}
.stemma input:-moz-placeholder {
    color: #FFF;
}
.stemma input::-moz-placeholder {
    color: #FFF;
}
.stemma input:-ms-input-placeholder {
    color: #FFF;
}