/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;}
:focus {outline:0;}
body {background: #fff;line-height:1;}
ol, ul {list-style:none;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {font-weight:normal;text-align: left;}
blockquote:before, blockquote:after,
q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:0;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display:block;}

/* font-face */

@font-face {
font-family: 'LoveYaLikeASisterSolid';
src: url('LoveYaLikeASisterSolid.eot');
}

@font-face {
font-family: 'LoveYaLikeASisterSolid';
src: url('LoveYaLikeASisterSolid.woff') format('woff'),
url('LoveYaLikeASisterSolid.svg#LoveYaLikeASisterSolid') format('svg');
}

/* styles */

.clearme {clear:both;}

html {width:100%;height:100%;}
body {background:url('../images/bg-blur.jpg') center no-repeat;background-attachment:fixed;background-size:cover;font-family:'LoveYaLikeASisterSolid';}

#title {padding:40px 20px;background:rgba(255,255,255,.85);margin:30px 0 0;}
#title h1 {display:block;color:#ff8080;text-transform:lowercase;font-size:40px;margin:0 auto 20px;text-align:center;}
#title h3.coming {display:block;color:#ff8080;text-transform:uppercase;letter-spacing:2px;font-size:16px;margin:0 auto;text-align:center;}

#registries {padding:50px 0;}
#registries h2 {color:#fff;text-transform:lowercase;font-size:30px;padding:20px 0 40px;margin:0 20px;text-align:center;text-shadow:0 0 10px rgba(0,0,0,.2);}
#registries ul {display:block;width:650px;margin:0 auto;}
#registries li {display:inline;width:300px;}
#registries li a {display:block;text-align:center;}
#registries li img {width:300px;}
#registries li.buybuybaby {float:left;}
#registries li.buybuybaby img {width:240px;}
#registries li.babylist {float:right;}
#registries li.babylist img {margin:30px 0 0;}

#gif {clear:both;text-align:center;padding:30px 0;}
#gif img {border-radius:10px;}

@media (max-width: 700px) {
#title {padding:30px 20px;margin:20px 0 0;}
#title h1 {font-size:30px;}
#title h3.coming {font-size:12px;}
#registries {padding:20px 0;}
#registries h2 {font-size:18px;line-height:1.3em;}
#registries ul {width:auto;}
#registries li {display:block;width:100%;margin:0 auto;}
#registries li.buybuybaby {margin:0 0 30px;}
#registries li.buybuybaby img {width:200px;}
#registries li.babylist img {width:240px;margin:0;}
#gif img {width:100%;border-radius:0;}
}