#footer {
    @media only screen and (min-width: 980px) {
        padding-bottom: 40px;
    }

	.wrap {
		background: #1A1A1A;
		border-radius: 20px;
		padding: 140px 125px 65px 125px;
		margin: 0px 40px 0px 40px;
		display: grid;
		grid-template-columns: 1fr;
		gap: 24px;

	    @media only screen and (max-width: 980px) {
	        padding: 64px 44px;
			margin: 0px 24px 24px 24px;
	    }
	}

	.row {
		display: grid;		
		grid-template-columns: 3fr 1fr 1fr;		
		gap: 24px;	

        @media only screen and (max-width: 980px) {
            grid-template-columns: 1fr;
            gap: 64px;
        }

		.menu {
			display: grid;
			gap: 16px;

			.label {
				font-size: 30px;
				font-family: var(--font-big);
				text-transform: uppercase;
				color: #fff;
				text-box: cap alphabetic;

                @media only screen and (max-width: 980px) {
                    font-size: 24px;
                }
			}

			.items {
				display: grid;
				gap: 16px;

				a {
					font-size: 24px;
					text-decoration: underline;


	                @media only screen and (max-width: 980px) {
	                    font-size: 18px;
	                }

				}
			}
		}

		.col {
			&:first-child {
				display: grid;
				gap: 64px;


				@media only screen and (max-width: 980px) {
					gap: 32px;
		        } 
			}
		}
	}

	.bottom {
		margin-top: 70px;
		padding-top: 50px;
		border-top: 1px dashed var(--border);
		display: flex;
		gap: 24px;

		a {
			text-decoration: underline;
		}

		@media only screen and (max-width: 980px) {
			display: grid;
			margin-top: 50px;
        } 
	}
}