	html,
	body {
		margin: 0;
		padding: 0;
		color: #474747
	}

	a {
		text-decoration: none;

	}

	.container {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		min-height: 100vh;
	}

	.altcontainer {
		width: 50%;
		height: auto;
		margin-right: auto;
		margin-left: auto;
	}

	.box {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		border: 0px solid #a8a8a8;
		padding: 10px;
		background-color: transparent;
	}

	h1 {
		margin-bottom: 35px;
		text-transform: uppercase;
		color: #333
	}

	label {
		display: inline-block;
		margin-bottom: .5rem;
	}

	input {
		display: block;
		height: calc(1.5em + .75rem + 2px);
		padding: .375rem .75rem;
		font-size: 1rem;
		font-weight: 400;
		line-height: 1.5;
		color: #495057;
		background-color: #fff;
		background-clip: padding-box;
		border: 1px solid #ced4da;
		border-radius: .25rem;
		transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
		margin-bottom: 25px;
	}

	button {
		color: #fff;
		background-color: #0062cc;
		border-color: #005cbf;
		display: inline-block;
		font-weight: 400;
		text-align: center;
		white-space: nowrap;
		vertical-align: middle;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		border: 1px solid transparent;
		padding: .375rem .75rem;
		font-size: 1rem;
		line-height: 1.5;
		border-radius: .25rem;
		transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
		cursor: pointer
	}

	.error {
		background-color: #f08484;
	}

	.welcome {
		background-color: #91f084;
	}

	.parallax {
		min-height: 100%;
		background-image: url('img/random_bg.php');
		background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.griglia {
		padding: 0;
		margin: 0;
	}

	.griglia>li {
		border: 2px solid #333333;
		display: inline-block;
		width: 160px;
		height: 160px;
		margin: 10px;
		background-color: #abe2ff;
	}

	table {
		/*STILE DELLA TABELLA*/
		/*  border:0px solid;*/
		width: 100%;
		height: auto;
		border-collapse: collapse;
		table-layout: fixed;
		/* CELLE A LARGHEZZA fissa*/
		/*  table-layout:auto;     CELLE A LARGHEZZA AUTOMATICA*/
	}

	table.a {
		table-layout: auto;
	}

	table.b {
		table-layout: fixed;
	}

	#responsive-image {
		width: 200px;
		height: auto;
	}

	.flex {
		max-width: 1%
	}