header, .header {
	background: rgba(57, 76, 108,1);
	color: #fff;
	height: 300px;
}
	header h1 {
		text-align: center;
		padding-top: 100px;
		margin: 0px;
	}
	
nav {
	width: -webkit-fill-available !important;
    height: 100px !important;
    text-align: center !important;
    color: #fff !important;
}
	nav a {padding-top: 35px;}
	
main {
    padding-bottom: unset !important;
    min-height: unset !important;
	padding: 50px;
}

.div_shoppingcart{ 
	height: fit-content;
	max-width: 50%;
	background: rgb(250, 250, 250);
	padding: 20px;
	position: fixed;
	right: 2%;
	top: 15%;
	border-radius: 25px;
	max-height: 60%;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 999;

	-webkit-animation-duration: 1s; 
	animation-duration: 1s; 
	-webkit-animation-fill-mode: both; 
	animation-fill-mode: both;
	-webkit-animation-name: bounce; 
	animation-name: bounce; 
}
	.div_shoppingcart h2{ 
		background: rgba(57, 76, 108, 95);
		text-align: center;
		color: #fff;
		font-size: 30px;
		padding: 10px;
		margin: -20px;
		margin-bottom: 20px;
	}
	.tabelHeader {background: #fff !important; color: #000;}

	.itemGrid {
		display: flex;
		width: 100%;
		flex-wrap: wrap;
		justify-content: center;
	}
		.itemBox {
			padding: 2%;
			margin: 5%;
			border-radius: 25px;
		}
			.itemBox form {
				padding: 3%;
				max-width: 30%;
				float: right;
				margin-top: 20%;
				margin-right: 25px;
				border-radius: 10px;
				background: rgba(255, 255, 255);
			}
			
			.itemBox img {
				box-shadow: 0px 0px 250px rgb(200,200,200);
				cursor: zoom-in;
				max-width: 50%;
				max-height: 450px;
			}
			
		.item {
			margin: 5%;
			width: 20%;
			overflow: hidden;
			border-radius: 10px;
			border: 1px solid #ccc;
		}
		.itemImg {
			height: 250px;
			background-size: 125% !important;
			background-position: center !important;
		}
		.itemText {
			margin-top: -18px;
			background: rgba(57, 76, 108,0.7);
			height: 175px;
			color: #fff;
			padding: 0px 5px;
		}
			.itemText h3 {text-align: center; padding-top: 60px;}
				.itemText:hover h3 {text-align: center; padding-top: 10px;}
			.itemText p {display: none;}
				.itemText:hover p {display: block;}
			.itemText:hover {background: rgba(57, 76, 108,0.3);}
			.itemText a {color: #fff;}
		.itemHeader {padding-top: 10px;}
		.imgreplace {height: 250px; width: 250px; filter: opacity(0.5); border-radius: 10px;}
			.imgreplace:hover {filter: none;}
		
		.itemInfo {padding: 0% 5%;}
		
	.polaroid-grid{
		display: flex; 
		overflow-x: auto;
	}
		.polaroid {
		    padding: 5px;
		}

section img {border-radius: 10px;}
#popupscreen {z-index: 250;}

footer {
	color: #333;
	background: rgba(200, 200, 200,0.1);
}
	footer a {color: #333;}

@media only screen and (max-width: 600px){
	header, .header {
    	height: 100px !important;
	}
		header h1 {
			padding-top: 20px;
		}

		nav {
			height: 50px !important;
			line-height: 50px !important;
		}
		nav a, .nav a {
			display: unset !important;
			line-height: 20px !important;
			font-size: 25px;
		}
	main {
		margin-bottom: 25px !important;
		padding: 0px;
		border: unset !important;
		box-shadow: unset!important;
	}

	.item {
		width: 40%;
		margin: 2%;
	}

	.itemBox {
		padding: 2%;
		margin: 0%;
		border-radius: 5px;
	}
		.itemBox form {
			padding: 3%;
			margin: 5% 0% 5% 5% !important;
			text-align: center;
			min-width: 50%;
		}

	.div_shoppingcart {
		top: 15%;
		right: 5%;
		max-width: unset !important;
		width: 86%;
		padding: 2%;
		min-height: 78% !important;
	}
		.div_shoppingcart h2{margin: -3% -3% 10px -3%;}
}

@media only screen and (max-width: 500px){
	.itemBox form {
		margin: 5% -2%;
	}
	
	.itemInfo h1 {
		padding: 10px;
	}
}