body {
	margin: 0 auto !important;
	max-width: 1000px;

}

.parallax-window {
	min-height: 400px;
	background: transparent;
	width: auto;
}

.blur {
	-webkit-filter: blur(10px);
	-moz-filter: blur(10px);
	-o-filter: blur(10px);
	-ms-filter: blur(10px);
	filter: blur(10px);
}

.header {
	text-align: center;
	width: 110%;
	margin: -170px 170px 0px -70px;
}

.ugly {
	height: 50px;
	background-color:white;
	margin-top: 0px
}

.logo{
	width: 400px;
	height: 400px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 300px; 
}

.header baseline {
	margin-top: -50px;
}

.catalogue-buttons {
	text-align: center;
}

.tilt-container {
	background-color: grey;
	border: 1px solid black;
	border-radius: 5px;
	width: 500px; 
	height: 300px; 
	transform-style: preserve-3d;
	display: flex;
	flex-direction: column;
	margin: 30px;
}

.row-elem {
	display: flex;
	flex-direction: row;
}

.tilt-elem {
	transform: translateZ(30px);
	margin-top: 20px;
}

.tilt-title {
	transform: translateZ(30px);
	text-align: center;
	margin-top: 20px;
}

.table-container {
	width: 75%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: row;
	/* justify-content: space-between; */
	flex-wrap: wrap;
}

.modal-dialog  {
	width:50%;
	text-align: center;
}

.modal-footer {
	justify-content: space-around;
}

@media screen and (min-width: 768px) {
	
	.modal-dialog  {
		width:50%;
		text-align: center;
	}

}

@media screen and (min-width: 576px) {
	
	.modal-dialog  {
		max-width: none;
		width:50%;
		text-align: center;
	}

}

.catalogue-tables {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	/* text-align: center; */
}

.table td {
	width: 400px;
}

th {
	width: 400px;
}

tr {
	cursor: pointer;
	width: 400px;
}

.fa {
	padding: 20px;
	font-size: 30px;
	width: 50px;
	text-align: center;
	text-decoration: none;
	margin: 5px 2px;
  }
  
  .fa:hover {
	  opacity: 0.7;
  }
  
  .fa-facebook {
	background: #3B5998;
	color: white;
  }

  .fa-instagram {
	background: #125688;
	color: white;
  }