@media only screen and (max-width: 1080px) {
	/*--------------- home --------------- */
#feedbackContainer .feedback-panel .feedback-column {
 --feedback-columns: 2;
 --feedback-margin-right: 50px;
	/*((100% - columns(margin-right)) / columns)*/	
	flex: 0 0 calc((100% - (var(--feedback-columns) - 1) * var(--feedback-margin-right)) / var(--feedback-columns));
 margin-right: var(--feedback-margin-right);
}
}
@media only screen and (max-width: 1024px) {
		/*--------------- main --------------- */
.container {
 max-width: 100%;
}
.container .slideshow {
 width: 100%;
 height: 0;
 padding-bottom: 42.96875%;
}
.container .slideshow .slideshow-images {
 width: 100%;
 height: 0;
 padding-bottom: 42.96875%;
}
.container .slideshow .home-chrome {
 width: 100%;
 height: 0;
 padding-bottom: 42.96875%;
}
.container #showcaseProducts {
 width: 100%;
 height: 0;
 padding-bottom: 21.484375%;
}
.container #showcaseProducts #showcaseImages {
 width: 100%;
 height: 0;
 padding-bottom: 21.484375%;
}
.container #showcaseProducts #productsChrome {
 width: 100%;
 height: 0;
 padding-bottom: 21.484375%;
}
}
@media only screen and (max-width: 900px) {
 #home .home-list {
 flex-direction: column;
}
}
@media screen and (max-width: 768px) {
	/*--------------- feedback --------------- */
	#feedbackContainer .feedback-panel .feedback-column {
 --feedback-columns: 1;
 --feedback-margin-right: 50px;
	/*((100% - columns(margin-right)) / columns)*/	
	flex: 0 0 calc((100% - (var(--feedback-columns) - 1) * var(--feedback-margin-right)) / var(--feedback-columns));
 margin-right: var(--feedback-margin-right);
}
}
@media only screen and (max-width: 600px) {
 header {
 height: 100px;
}
 header .logo {
 position: relative;
 top: 10px;
left: 0;
 margin: 0px auto;
}
header nav.social-media-header {
 display: none;
}
.top-menu {
 height: 30px;
 bottom: 0;
}
 .mobile-menu {
 display: block;
}
 header nav.top-navigation {
 display: none;
 z-index: 1000;
 background: rgba(255, 255, 255, .95);
 border-bottom: 2px solid #003366;
}
header nav.top-navigation ul {
}
 header nav.top-navigation ul li {
 display: block;
 text-align: center;
 margin-right: 0;
}
 header nav.top-navigation a:link, header nav.top-navigation a:visited {
 display: block;
 font: 1.4em italianateregular, sans-serif;
 color: #003366;
 padding: 10px;
 text-shadow: none;
}
 header nav.top-navigation a:hover, header nav.top-navigation a:focus {
 color: #ff9900;
 background: rgba(0, 51, 102, .10);
}
 footer {
 flex-direction: column;
 height: auto;
}
footer nav.bottom-navigation {
 justify-content: center;
 padding: 20px 0;
}
footer nav.bottom-navigation ul li:first-child {
 margin-left: 0;
}
footer nav.social-media-footer {
 transform: translateY(0);
 justify-content: center;
 margin-right: 0;
 padding-bottom: 20px;
}
footer nav.social-media-footer ul li:last-child {
 margin-right: 0;
}
footer nav.social-media-footer a {
 width: 32px;
 height: 32px;
}
footer nav.social-media-footer a.facebook {
 background: url(images/facebook-32.png) top left no-repeat;
}
footer nav.social-media-footer a.youtube {
 background: url(images/youtube-32.png) top left no-repeat;
}
footer nav.social-media-footer a.contact {
 background: url(images/contact-32.png) top left no-repeat;
}
footer nav.social-media-footer a:hover {
 background-position: bottom left;
}
.slideshow::after {
 position: relative;
 display: flex;
 content: "";
 background: url(images/page-icon.png) no-repeat center / 75px 75px;
 width: 75px;
 height: 75px;
 margin: 0 auto;
 transform: translateY(-50%);
 z-index: 100;
}
#home, #products {
 padding: 4em 2em;
}
#contact .contact-flex {
flex-direction: column-reverse;
}
#contact .contact-order {
 padding: 2rem;
}
}
@media only screen and (max-width: 480px) {
 header {
 height: auto;
}
 header .logo {
 width: 70%;
}
.top-menu {
 position: relative;
 bottom: 0px;
 padding-bottom:20px;
}
footer nav.bottom-navigation ul li {
 display: block;
 margin: 0;
 text-align: center;
 padding: 5px 0;
}
#home .home-list .home-list-items ul li {
 padding: 0 0 1rem 3rem;
}
}
@media screen and (max-width: 375px) {
	/*--------------- feedback navigation--------------- */
#feedbackContainer .previous-feedback, #feedbackContainer .next-feedback {
 width: 30px;
 height: 30px;
}
#feedbackContainer .previous-feedback svg, #feedbackContainer .next-feedback svg {
 width: 15px;
 height: 15px;
}
#feedbackContainer .previous-feedback:hover svg {
 transform: translateX(-4px);
}
#feedbackContainer .next-feedback:hover svg {
 transform: translateX(4px);
}
}