.intro {
    background: var(--color-primary);
    color: var(--color-white);
	
    margin: -50px -20px 50px -20px;
    padding: var(--spacing-m);
    
	z-index: 100;
    position: relative;
	
	cursor: default;
}

@media (min-width: 700px) {
	.intro {
		padding: var(--spacing-l);
		padding-bottom: calc(var(--spacing-l)*1.2);
	}
}
@media (min-width: 900px) {
	.intro {
		border-radius: 4px;
	}
}

.intro h2 {
	font-size: 1.2rem;
	font-weight: bold;
	color: #fff8;
    margin-top: 0;
    margin-bottom: 10px!important;
}
.intro > p {
    font-size: 1.5rem;
    margin: 0;
}

@media (min-width: 700px) {
	.intro > p {
		font-size: 2rem;
	}
}