html,body{width:100%;height: 100%; background: url("../img/carreau.png") repeat fixed;font-family: 'Open Sans', sans-serif;}
a{text-decoration: none;}

.wrapper{width: 90%;max-width: 750px;text-align: center;margin: 0 auto;}
.wrapper img{width: 100%;padding: 30px 0;}
.wrapper div{min-width: 500px; background: #fff;border-radius: 8px;margin: 30px auto;padding: 24px 24px;box-shadow: 0px 4px 8px rgba(0, 0, 0, .1);}
.wrapper div p{padding: 8px 0;}
.wrapper div a{display: block; max-width: 80%;background: #FF8571; padding: 16px 24px; border-radius: 16px;margin: 16px auto;color: #000;box-shadow: 0px 4px #CD5064;}
.wrapper div a:hover{margin: 19px 0 13px 0;box-shadow: 0px 1px #CD5064;}

@media screen and (min-width: 1000px) {
    .wrapper div{max-width: 500px;}
}