.footer {
	background-color: var(--light);
}

.footer-wrapper {
	padding:2rem 4px 0;
}

.footer-top {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
	align-items: center;
	width:100%;
}


.footer-top-1, .footer-top-2, .footer-top-3, .footer-top-4, .footer-top-5 {
	content:"";
	display:block;
	width:20%;
	height:3px;
}

.footer-top-1 {
	background-color:var(--patboj);
}

.footer-top-2 {
	background-color:var(--laser);
}

.footer-top-3 {
	background-color:var(--plavanie);
}

.footer-top-4 {
	background-color:var(--serm);
}

.footer-top-5 {
	background-color:var(--ocr);
}

.footer-column {
	display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .625rem;
}

.footer-column ul {
	margin-bottom:0;
}

.footer-logo {
	height:2rem;
}

.footer p {
	margin-bottom:0;
}

.footer a {
	color:var(--text);
	text-decoration: none;
}

.footer a:hover {
	text-decoration:underline;
}

.footer-copy {
	padding-top:1.5rem;
	padding-bottom:1.5rem;
}

.footer .account-name, .footer .footer-column span {
	font-weight:600;
}

.footer .registration {
	max-width:35ch;
}

.footer-social img {
	height:2.5rem;
}

.footer-social {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
	gap:.25rem;
}

.footer-social a {
	display:block;
}

.footer h4 {
	font-weight:600;
	padding-top:1.5rem;
	margin-bottom:0;
	text-transform:uppercase;
}

.footer-copy a {
	display:block;
}

.sponsor h2 {
	text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 2rem !important;
	margin-top:0 !important;
}

.logo-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  align-items: center;
  justify-items: center;
}

.logo-wrapper img {
  width: 100%;
  max-width: 200px;
  height: auto;
  object-fit: contain;
}
	
.footer .registration {
	max-width:100%;
}

@media (min-width:992px) {
	
.footer-wrapper {
	padding: 3rem 2rem 0;
}
	
.footer-logo {
	height:3rem;
}

.footer .registration {
	padding-top:0;
}

.footer h4 {
	padding-top:4rem;
}

.footer-copy {
	padding-top:1.5rem;
	padding-bottom:3rem;
}

.footer-copy a {
	display:inline;
}

.logo-wrapper {
  grid-template-columns: repeat(6, 1fr);
}

.logo-wrapper img {
  max-width: 220px;

}

.footer-column {
	gap:1rem;
	
}

}

@media (min-width:768px) and (max-width:991px) {

.logo-wrapper {
  grid-template-columns: repeat(3, 1fr);
}

.logo-wrapper img {
    max-width: 215px;
}

}

@media (min-width:768px) and (max-width:1199px) {
	
	.footer h4 {
		padding-top:0;
	}
	
	.footer-column:nth-child(1), .footer-column:nth-child(2) {
	margin-bottom:2rem;
}

}