*{ margin:0; padding:0; box-sizing:border-box; }

body, html { padding:0; margin:0; height:100%; font-family:'Segoe UI', sans-serif; }
body { background-color:#3f415c; }
main { display:flex; flex-direction:column; grid-template-rows:auto auto; align-items: center; padding-left:20px; padding-right:20px; }
section { margin-top:120px; text-align:center; }
img { width:100%; max-width:400px; height:auto; }
h1 { font-size:4em; color:#BCD3F2; }
a { color:#D4CB92; text-decoration:none; font-size:1.5em; }
a:hover { text-decoration:underline; }
span { color:#80A4ED; font-size:1.2em; }

@media(max-width:991px) { 
    
}

@media(max-width:768px) { 
    section { margin-top:40px; }
    
}

@media(max-width:600px) { 
    section { margin-top:15px; }
    img { max-width:280px; }
    h1 { font-size:2.6em; }
    a { font-size:1em; }
    span { font-size:0.7em; }
}

@media(max-width:425px) { 
    img { max-width:215px; }
    h1 { font-size:2.4em; }
    a { font-size:0.8em; }
}