body {
    color: #263146;
    background: var(--red);
    font-family: "Asap", sans-serif;
    font-weight: 400;
	margin:0;padding:0;
}
header img{max-width:100%}
header,footer{
    text-align: center;
    padding: 2rem 0;
}

nav {text-align:center}
nav a {color:#263146;display:inline-block;padding:12px 20px;background:#FFF;margin-right:10px;border-radius:5px;text-decoration:none;border-bottom-left-radius:0px;border-bottom-right-radius:0px}
nav a:hover {background:#EFEFEF}
nav a.active {background:#EFEFEF}

.container-wrapper {
    padding: 4rem 0;
	background-color: #EFEFEF; 
}
.container-large {
    width: 100%;
    max-width: 60rem;
    margin-left: auto;
    margin-right: auto;
}
.grid {
    grid-column-gap: 1.9rem;
    grid-row-gap: 2.5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
}
@media screen and (max-width: 1200px) {
	.container-large {
		max-width:42rem
	}
    .grid {
        grid-row-gap: 1.9rem;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}
@media screen and (max-width: 780px) {
	.container-large {
		max-width:32rem
	}
    .grid {
        grid-row-gap: 1.9rem;
        grid-template-columns: 1fr 1fr 1fr;
    }
}
@media screen and (max-width: 580px) {
	.container-large {
		max-width:22rem
	}
    .grid {
        grid-row-gap: 1.9rem;
        grid-template-columns: 1fr 1fr;
    }
}
.link-block {
	display: flex;
    justify-content: center;
    text-align: center;
    background-color: #fff;
    border-radius: .25rem;
    overflow: hidden;
    box-shadow: 0 5px 10px rgba(39, 74, 99, .15);
	padding: 20px;
}

.link-block.is-dark {
    background-color: #263146;
    color: #fff;
    flex-direction: column;
    justify-content: center;
    padding: 1.5rem;
    font-weight: 600;
    display: flex;
}
.link-block img {width:90%;min-height: 100px;}