#footer	{	position: relative;
			float: left;
			height: auto;
			min-height: 100%;
			width: 100vw;
			background: #39B2E6; 
			color: white;
}

#footer iframe	{	position: relative;
					clear: both;
					width: 100%;
					max-width: 100vw;
					height: 65vh; }
					
.stopka		{	position: relative;
				width: 80vw;
				height: auto;
				float: left;
				padding: 5vh 10vw;
				margin-top: -5px;
				background: linear-gradient(180deg,rgba(57, 178, 230, 1) 0%, rgba(9, 93, 153, 1) 75%);
				color: white !important;
				font-family: open sans; }
				
			
				
.stopka ul		{	position: relative;
					width: 100%;
					height: auto;
					float: left;
					margin-bottom: 10vh; }
	
.stopka ul li	{	position: relative;
					float: left;
					height: auto;
					font-size: 2vmin;
					width: calc(65vw / 4);
					margin: 5vh 1.5vw;
					text-align: center;
					line-height: 120%;
						}

.stopka ul li img	{	position: relative;
						object-fit: contain;
						height: 10vh;
						margin: 0 auto;
						text-align: center;
						clear: both;	}
						
.stopka ul li p	{		position: relative;
						margin: 0 auto;
						text-align: center;
						clear: both;
						font-size: 1.8vmin;
						text-align: left;
						line-height: 120%;	}	

.stopka ul li p:first-line	{	font-size: 2vmin;	}			

.stopka ul li div a-hover: {	color: yellow;	}


.top	{	position: relative;
			width: 100%;
			height: 15vh;
			background-size: contain;
			background-position: top center;
			background-repeat: no-repeat;
			clear: both;	}
			
.name	{ background-image: url('gfx/logo_wh.svg');	}			
.loc	{ background-image: url('gfx/loc.png');	}					
.ph	{ background-image: url('gfx/ph.png');	}	
.legal	{ background-image: url('gfx/legal.png');	}	
.mail	{ background-image: url('gfx/mail.png');	}	


@media all and (max-width: 1000px) and (min-width: 120px) {	

.stopka		{	width: 90vw;
				padding: 5vh 5vw;
				 }

.stopka ul li	{	font-size: 5vmin;
					width: 86vw;
					margin: 5vh 2vw;
											}

	
}