* {
    box-sizing: border-box;
}



/* -----------------Elemets that apply to all pages ------------*/

body {
    align-items: center;
    background: var(--background-colour);
    font-family: Inclusive Sans, Arial, Helvetica, sans-serif;
    margin: 0;

}
h2 {
    display: none;

}

main {
    background-color: var(--background-colour);
    overflow: hidden;
}

aside {
    background-color: var(--pink);
    font-size: 100%;
    padding: 1px 20px;
    text-align: center;
    width: 100%;
}

.greeting {
    color: var(--off-white);
    font-size: 30px;
}


/* ------------- Sizing instruction for screens larger than 1200px -------- */

@media only screen and (min-width: 1200px) {
    .greeting {
        font-size: 40px;
    }
}