/*  MAXIMUM SIZE */
.full-width {
    width: 100%;
    margin: 0;
    padding: 0;
    align-content: center;
}



.page-size {
    min-height: 2px;
    padding: 10px;
    margin: auto;
}










@media screen and (min-width: 1600px) {
.page-size {
		width: 1580px;
	}
}





/* TABLET */ 
@media screen and (max-width: 1599px) {
	.page-size {
		width: 96vw;
	}
	
	
	#logo {
		width: 5vw;
		height: 5vw;
	}

}





@media screen and (max-width: 1366px) {
	.padding {
		padding: 25px;
	}
	
	.padding-y {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	
	img#logo {
		width: 10vw;
		height: 10vw;
	}
	
	.panel div {
		width: 48%;
	}

	div.productPolaroid {
		width: calc(50% - 60px);
	}
	
	
	.footerBox {
		width: 33.3%;
	}
}





@media screen and (max-width: 1280px) {
	.dropbtn, #home1 {
		font-size: 1.6vw;
	}
	
	div#headline {
		font-size:  2.8vw;
	}
}





@media screen and (max-width: 1024px) {
	.padding {
		padding: 20px;
	}
	
	.footerBox, div.productPolaroid {
		width: 50%;
	}
	
	div#logoSlogen {
		
		
	}
	
	div.productPolaroid {
		width: 100%;
		padding: 0;
		margin: 30px 20px;
	}
	
	.col4, .col8 {
		width: 50%;
	}
	

}




@media screen and (max-width: 960px) {
	.padding {
		padding: 15px;
	}
	
	div#logoSlogen {
		
		
	}
	
	.dropbtn {
		font-size: 16px;
		padding:  10px 1vw;
	}
	
}



@media screen  and (max-width: 860px) {
	.footerBox {
		width: 100%;
	}
	
	.padding {
		padding: 10px;
	}	
	
	
	.dropdown {
		display: block;
	}
	
	.none, #home1 {
		display: none;
	}
	
	.dropbtn {
		font-size: 1rem;
	}
}



/* MOBILE */ 
@media screen  and (max-width: 768px) {
	html, body {
    	background: #fff;
	}
	div#dDown > div {
		padding-left: 20px;
	}

	.top-border {
		border-top: 0;
	}
	
	div.productPolaroid {
		margin: 30px 10px;
	}
	
		
	.panel div {
		width: 96%;
	}
		
	.page-size {
		min-width: 360px;
		padding: 0;
	}

	h1 {
	    font-size: 1.6em;
	    padding-top: 10px;
	}
	
	h2 {
	    font-size: 1.4em;
	}
	
	h3 {
	    font-size: 1.2em;
	}
	
	h4 {
	    font-size: 1.1em;
	}
	
	.col4, .col6 {
		width: 100%;
	}
	
	
	div#content {
		padding: 60px 10px 10px 10px;
		
	}
	
	
	.bottomMenu, div#hamburgerMenu, div#modulMenu {
		visibility: visible;
		display: block;
	}
	

	
	#home1, #superSizeMenu {
		visibility: hidden; 
		display: none;
	}
		
	
	#superSizeMenu div:first-child {
		padding-top: 80px;
	} 
	
	#superSizeMenu div:last-child {
		padding-bottom: 15px;
	} 
	
	#superSizeMenu div {
		width: 100%;
	} 
	
	#footer {
		margin-bottom: 60px;
	}
	
	#divided {
		float: none;
		width: 100%;
	}
	
	.dropdown {
		display: block;
	}	
	
	.dropdown button {
		font-size: 1em;
		padding: 10px 0;
		text-align: left;
	}
	
	.dropdown-content {
		display: block;
		position: relative;
		/* background: #e70084; */
		box-shadow: 0;
		width: 98%
	}
	
	.dropdown-content a:hover {
		background-color: var(--color-3); 
		color: #ffffff; 
	}
	
	
	.dplay, span.menu, span.menu a, .hamburgerHidden, div#logoSlogen, div#incMenu, #footerGroup   {
	 	display: none;
	 }
	 
	 
	span.menu {
		display: block;
	}
	
	#userRow, #superSizeMenu, #dDown {
		background: var(--color-2);
		border: 0;
	}
	
	#dDown {
		margin-top: 60px;
		padding: 40px 0;
	}
	
	#searchAndMenu {
		padding-top: 30px;
	}
	
	#message {
		margin: 30px 10px 0px 10px;
	}

	.managers {
		padding: 0;
	}	
	
	.managers h2 {
		color: #333;
		margin-top: 0;
		padding-top: 5px;
	}
	
	
	.managers img {
		margin-top: 30px;
	}
	
	.footerBox {
		padding: 20px;	
	}
	
	
	
}



@media screen  and (max-width: 360px) {
	#cname {
		font-size: 8vw;
		padding-top: 3vw;
	}
	
}