.header {
    padding-top: 30px;
    padding-bottom: 30px;
}

.header p {
    font-size: 18px;
    line-height: 26px;
}

.header.header--blue {
    min-height: 300px;
    padding-top: 10px;
    padding-bottom: 0;
    background-image: linear-gradient(to bottom, #AEE1E5 70%, white 30%);
}

.header.header--blue p {
    font-size: 20px;
}

.header.header--blue img {
    margin-top: 20px;
    max-width: 280px;
}

/*Hero with text, button and video icon on blue background */
.header.header--text-icon-blue {
    background-color: #101F59;
}

.header.header--text-icon-blue h1 {
    margin-top: 10px;
    color: white;
}

.header.header--text-icon-blue .column--two-third img {
    margin-bottom: 36px;
}

.header.header--text-icon-blue p,
.header.header--text-icon-blue a:not(.btn) {
    color: white;
}

.header.header--text-icon-blue .btn:focus,
.header.header--text-icon-blue .btn:hover {
    outline: 3px solid #F6ED4E;
}

/*Hero with text and button on light blue background */
.header.header--text-lightblue {
    background-color: #F0FBFA;
}

.header.header--text-lightblue p {
    font-size: 24px;
    line-height: 36px;
}

@media all and (min-width: 1400px) {
	.header {
        padding-top: 40px;
        padding-bottom: 40px;
	}

    .header p {
        font-size: 24px;
        line-height: 36px;
    }
}