@font-face {
    font-family: brotherLight;
    src: url('03-brother1816-light-webfont.woff2') format('woff2'),
        url('03-brother1816-light-webfont.woff') format('woff');
}

@font-face {
    font-family: brotherBlack;
    src: url('15-brother1816-black-webfont.woff2') format('woff2'),
        url('15-brother1816-black-webfont.woff') format('woff');
}

* {
	margin: 0;
	padding: 0;
	font-family: brotherBlack, sans-serif;
}

body {
    color: white;
    background-color: #012345;
}

#sheddLogo {
    width: 175px;
    margin: 45px auto 25px;
    display: block;
}

#wave {
    width: 366px;
    margin: 20px auto;
    display: block;
}

h1 {
    font-size: 60px;
    line-height: 73px;
    text-align: center;
    margin: 20px auto;
    max-width: 700px;
}

h2 {
    font-size: 27px;
    line-height: 33px;
    text-align: center;
    text-transform: uppercase;
    max-width: 700px;
    margin: 25px auto;
}

p {
    font-family: brotherLight, sans-serif;
    font-size: 25px;
    line-height: 35px;
    text-align: center;
    max-width: 700px;
    margin: 20px auto;
}

a, a:hover {
    font-family: brotherLight, sans-serif;
    color: #FFCD3D;
    text-decoration: none;
}

@media only screen and (max-width: 768px){
    h1 {
        font-size: 53px;
        line-height: 64px;
        max-width: 482px;
    }

    h2 {
        max-width: 482px;
    }

    p {
        max-width: 482px;
    }
}

@media only screen and (max-width: 415px){
    #sheddLogo {
        width: 120px;
    }

    #wave {
        width: 306px;
    }

    h1 {
        font-size: 48px;
        line-height: 51px;
        max-width: 300px;
    }

    h2 {
        font-size: 22px;
        line-height: 29px;
        max-width: 300px;
    }

    p {
        max-width: 300px;
        line-height: 32px;
    }
}