/*
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 {
	font-family: 'Karla', sans-serif;
	font-size: 1.6rem; /* 13 ÷ $rembase */
	line-height: 1.6;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	font-family: 'Oswald', sans-serif;
	text-transform: none;
	clear: both;
	margin-bottom: 0;
}

/* 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;
}
h2, .h2{
    font-size: 4rem; 
    line-height: auto;
    margin-bottom: 1rem;
    font-weight: 700;
}
h3, .h3{
    font-size: 3.5rem; 
    line-height: auto;
    font-weight: bold;
    font-weight: 400;
}



p {
	margin-bottom: 1.5em;
}

.content {
	padding: 10px 20px;
}


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





/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.bg-red{
	background-color: #DA291C;
	color: #fff;
}

.back-img{
	background: url('../images/back_mobile.jpg') no-repeat center center;
	background-size: cover;
	color: #fff;
	height: 50vh;
}
.logo-footer img{
	height: 90px;
}

.logo img{
	height: 150px; 
}
.loghi-cont{
	background-color: #fff;
	padding: 0 20px;
	text-align: center;
}
.loghi-cont a{
	display: inline-block;
	padding: 20px; 30px;
}
.loghi-cont img{
	height: 50px;
}

.bg-red img{
	height: 17px;
	vertical-align: top;
}
.bg-red a, .bg-red a:hover, .bg-red a:visited{
	text-decoration: none;
	color: #fff;
}
.bg-red a:hover{	
	text-decoration: underline;
}







/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	.back-img{
		background: url('../images/back.jpg') no-repeat center center;
		background-size: cover;
		color: #fff;
		height: 85vh;
	}

}