﻿.errore {
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
	padding: 80px 0;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: center;
	align-items: center;
}

	.errore .icon {
		font-size: 90px;
		padding: 20px 0;
	}

		.errore .icon img {
			width: 350px;
		}

		.errore .icon i {
			animation: myAnim 2s ease 0s infinite normal forwards;
		}

	.errore .text {
		text-align: center;
	}

@media screen and (max-width: 950px) {
	/*.errore {
		width: 100%;
		padding: 50px 0;
	}*/
	.errore {
		width: 100%;
		padding: 10px 0;
	}

		.errore b, .errore span {
			font-size: 110% !important;
			padding: 0 0 !important;
		}
}

@keyframes myAnim {
	0% {
		animation-timing-function: ease-out;
		transform: scale(1);
		transform-origin: center center;
	}

	10% {
		animation-timing-function: ease-in;
		transform: scale(0.91);
	}

	17% {
		animation-timing-function: ease-out;
		transform: scale(0.98);
	}

	33% {
		animation-timing-function: ease-in;
		transform: scale(0.87);
	}

	45% {
		animation-timing-function: ease-out;
		transform: scale(1);
	}
}
