#logotypy-container {
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 100px;
}

#logotypy {
	width: 100%;
	position: relative;
	overflow: hidden;
}

#logotypy br, #logotypy dd {display: none}

#logotypy .gallery {
	width: 300%;
	display: flex;
	flex-wrap: wrap;
	position: absolute;
	z-index: 3;
	top: 0;
	left: -100%;
}

#logotypy dl {
	width: 5.55%;
	box-sizing: border-box;
	padding: 0 20px;
}

#logotypy dt {width: 100%}

#logotypy .gallery img {
	display: block;
	width: 100%;
	height: auto;
}

#logotypy-arrows {
	width: 100%;
	height: 40px;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 3;
}

#logotypy-arrows a {
	position: absolute;
	top: 0;
	display: block;
	width: 30px;
	height: 60px;
	border-radius: 50%;
	border: 1px solid white;
	overflow: hidden
}

#logotypy-arrows-prev {left: 80px}
#logotypy-arrows-next {right: 80px}

#logotypy-arrows figure {
	display: block;
	width: 200%;
	height: 100%;
	position: absolute;
	top: 0;
	transition: all 0.25s;
	background-size: 30px 60px;
}
#logotypy-arrows-prev figure {
	background-image: url(../img/arrow-prev.png);
	left: 0;
}
#logotypy-arrows-next figure {
	background-image: url(../img/arrow-next.png);
	right: 0;
}
#logotypy-arrows:hover figure {opacity: 0.5}


/* GRID: 1440px */
@media all and (max-width: 1440px) {
	
#logotypy-container {margin-bottom: 60px}	

#logotypy-arrows a {
    width: 25px;
    height: 50px;
}

#logotypy-arrows figure {background-size: 25px 50px}
	
#logotypy-arrows-prev {left: 50px}
#logotypy-arrows-next {right: 50px}	
	
}


/* GRID: 1280px */
@media all and (max-width: 1280px) {
	

#logotypy-arrows a {
    width: 20px;
    height: 40px;
}

#logotypy-arrows figure {background-size: 20px 40px}
	
}


/* GRID: 1024px */
@media all and (max-width: 1024px) {
	
#logotypy-container {margin-bottom: 50px}	
	
#logotypy dl {width: 8.33%}	

#logotypy-arrows-prev {left: 20px}
#logotypy-arrows-next {right: 20px}	
	
}


/*GRID: 768px */
@media all and (max-width: 768px) {
	
#logotypy dl {padding: 0 10px}	
	
#logotypy-container {
	padding-left: 40px;
	padding-right: 40px;
	margin-bottom: 40px
}	

#logotypy-arrows-prev {left: 10px}
#logotypy-arrows-next {right: 10px}	
	
#logotypy-arrows:hover figure {opacity: 1}	
	
}


/* GRID: 568px */
@media all and (max-width: 568px) {
	
#logotypy dl {padding: 0 20px}			
	
#logotypy dl {width: 16.66%}		
	
}


/* GRID: 440px */
@media all and (max-width: 440px) {
	
#logotypy-container {margin-bottom: 30px}		
	
#logotypy dl {padding: 0 10px}		
	
#logotypy-arrows a {
    width: 15px;
    height: 30px;
}

#logotypy-arrows figure {background-size: 15px 30px}	
	
}