:root {
	--image-size: 240px; 
}

/* .grid-container {
    max-width: 1104px !important;
} */

#masthead .site-logo a img {
	width: clamp(9.375rem, 5.357rem + 20.089vi, 15rem)
}

section#mobile-logo {
	display: none;
}

section#mobile-logo img {
    min-width: calc(100% + 24px);
    margin-left: -12px;
    margin-top: -90px;
}

section#contents {
	/* Расчёт отступа от 20 до 12 пикселей */
/*     gap: clamp(0.75rem, 0.393rem + 1.786vi, 1.25rem); */
	
	grid-column-gap: 20px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, var(--image-size)));
    justify-content: space-between;
}

.card__body {
	max-width: var(--image-size);
}

.card__meta {
	display: flex;
	justify-content: space-between;
    margin-top: 6px;
}

section#contents .card__meta .card__title {
	font-family: 'Druk Medium', sans-serif;
	font-size: 26px;
	text-transform: uppercase;
	
    line-height: 24.7px;
    max-width: 70%;
}

section#contents .card__meta .card__link-icon {
    width: 25px;
}

@media (max-width: 1100px) {
	:root {
		--image-size: 216px; 
	}
	
	#content.site-content {
		padding: 40px !important;
	}
	
}

@media (max-width: 768px) {
	section#contents {
	    grid-template-columns: repeat(3, minmax(0, var(--image-size)));
	}
	
	#masthead .inside-header {
		flex-direction: row !important;
		justify-content: space-between;
	}
	
    #masthead .inside-header .header-widget {
		margin: 0;
        text-align: unset;
    }
}


@media (max-width: 430px) {
	.card__link-icon img {
		width: 150px
	}
	
	section#mobile-logo {
		display: block
	}
	
	section#contents {
	    grid-template-columns: repeat(2, minmax(0, var(--image-size)));
		grid-column-gap: 12px;
	}
	

	#content.site-content {
		padding: 12px !important;
	}
	
 	#masthead .grid-container {
        padding-right: 12px !important;
        padding-left: 12px !important;

    }
	
	section#contents .card__meta .card__title,
	#instruction-link {
/* 		font-size: 18px;
		line-height: 17.1px */
		
		font-size: 20px;
		line-height: 18.1px
	}
	
	section#contents .card__meta .card__link-icon {
    	width: 17px;
	}
}