body {
    color:#444;
    margin:0;
    background-color:#dff7fb;
}

header {
    background-color:#390050;
    color:#fff;
    text-align:center;
    padding:50px;
    font-family:Dongle,Verdana, Geneva, Tahoma, sans-serif;
}

header .logo {
    width:100px;
}

header h1 {
    font-size:12rem;
    margin:-70px 0;
}

header h2 {
    font-size:3rem;
    margin-top:-110px;
    margin-bottom:-30px;
    letter-spacing:7px;
}

main {
    color:#444;
    font-size:1.4rem;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    margin:30px auto;
    width:50%;
}

aside {
    padding:30px;
    background-color:#6cc5d3;
    color:#000;
}

@media (max-width:767px) {
    header h1 {
        font-size:7rem;
        margin:-40px 0;
    }
    
    header h2 {
        font-size:2rem;
        margin:-60px 0 -30px 0;
    }

    main {
        width:80%;
    }
}