/*Atributs generals*/
@font-face {
    font-family: Rocmitium;
    src: url(../font/911porschav3.ttf);
}
body {
	background-image: url(../img/background.png);
	color: #121212;
}
::selection {
  	background: #939393;
  	color: #eaeaea;
}

/*PRELOADER*/
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../img/loader.gif) center no-repeat #fff;
}

/*Rocmitium Títol*/
#title h2{
	font-family: Rocmitium;
	font-size: 40pt;
	margin: 80px 0;
	text-align: center;
}

/*FLEXBOX*/
.flex-container {
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
}
.flex-item{
	display: flex;
	flex-direction: column;
	padding: 50px;
}
.flex-item img{
	align-self: center;
}

/*Zona contacte*/
.contact{
	width: 100%;
	/*background: red;*/
}
.contact img{
	width: 125px;
	opacity: .9;
}
.contact p{
	font-family: 'Kalam', cursive;
	font-size:16pt;
}
/*caixes*/
#telef, #smartphone, #mail {
	transition: all .2s ease-in-out;
}
#telef:hover, #smartphone:hover, #mail:hover{
	transform: scale(1.2);
	opacity: 1;
}

/*Peu de pàgina*/
footer {
	font-family: 'Kalam', cursive;
	font-size: 9pt;
	position: absolute;
	bottom: 0; right: 10px;
}

/*Media*/
@media screen and (max-width: 1080px) {
	/*Flexbox*/
	.flex-container {
	    display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: center;
	}
	.flex-item{
		display: flex;
		flex-direction: column;
		align-self: center;
	}

	/*Caixes*/
	#telef, #smartphone, #mail {
		transition: all .7s ease-in-out;
	}
	#telef:hover, #smartphone:hover, #mail:hover{
		transform: scale(1.1);
	}

	.contact img{
		width: 150px;
	}

	.contact p{
		font-size: 30pt;
	}

	/*Peu de pàgina*/
	footer {
		position: relative;
		bottom: 0;
		text-align: center;
	}
}