* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:focus{ outline: none;}
header, main {display: block;}
img { border:none;}

html { font-size:100%;}

body {padding:1rem 0; margin:0; font-family: 'Roboto', sans-serif; font-size:16px; font-size:1rem; font-weight:400; color:#424242; background:#f8f8f8; text-align:center;}
header { width:100%; font-family: 'Playfair Display', serif; font-size:2rem; font-weight:700; font-style: italic;}
header a { color:#ef933c; text-decoration:none;}
header a:hover { color:#ef933c; text-decoration:none;}

main { width:100%;}
.wrapper {padding: 0; margin: 0 auto; width: 100%; max-width: 1110px;}
.wrapper:after { content: ''; display: block; clear: both;}

.message { padding:1.5rem 0 0; margin:0; background:url(../images/bottom.png) no-repeat center top; background-size:100% auto; min-height:245px;}
main p {padding:0; margin:0; line-height:1.5; color:#2e294e; font-size:1.5rem;}
main p strong { font-size:2rem;}
a.home-button { display:inline-block; padding:1rem 2rem; margin:2rem; font-size:1rem; font-weight:400; background:#ef933c; border-radius:25px; text-decoration:none; text-transform:uppercase; color:#ffffff;}

@media only screen and (max-width: 1109px) {
 .wrapper { width:94%;}
 main img { width:100%}
.message { padding:1.5rem 0 0; margin:0; background:url(../images/bottom.png) no-repeat center bottom; background-size:100% auto; min-height:245px;}
}

@media only screen and (max-width: 640px) {
header {  font-size:1.5rem;}
header img { width:70px;}
main p {font-size:1.25rem;}
main p strong { font-size:1.5rem;}
}