/*
Author:  Luca Larice
*/







/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
html{
	font-size: 55.5%; /* $rembase = 10px */
}
body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}



/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body, button, input, select, textarea {
	color: #fff;
	font-family: 'Rubik', sans-serif;
	font-size: 1.4rem; /* 13 ÷ $rembase */
	line-height: 1.6;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	text-transform: none;
	clear: both;
	font-family: 'Playfair Display', serif;
}

/* FIBONACCI font base
H1=32
H2=24
H3=19
H4=16
H5=14
H6=13
*/

h1, .h1{
    font-size: 1.6rem; 
    line-height: auto;
    text-transform: none;
    font-weight: 700;
    font-family: 'Rubik', sans-serif;
}
h2, .h2{
    font-size: 3.5rem; 
    line-height: auto;
    margin-bottom: 1rem;
    font-weight: 700;
}
@media only screen and (max-width: 600px) {
  h2, .h2{
  	font-size: 3rem;
  }
}
h3, .h3{
    font-size: 2rem; 
    line-height: auto;
    font-weight: bold;
    font-weight: 400;
}



p {
	margin-bottom: 1.5em;
}


/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/
a { 
	color: #fff;
	text-decoration: underline;
	font-weight: 500;
}
a:visited {
	color: #fff;
}
a:hover, a:focus, a:active {
	color: #fff;
	text-decoration: none;
}
a:focus {
	outline: thin dotted;
}
a:hover, a:active {
	outline: 0;
}





/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
body{
	background: url('../images/background.jpg') no-repeat center center;
	background-size: cover;	
	height: 100vh;
}

.logo{
	background-color: rgba(255,255,255,.5);
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	padding: 15px 40px;
	display: inline-block;
	font-size: 1.8rem;
}

.contacts{
	font-size: 1.6rem;
}