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

@font-face {
    font-family: 'ProximaNova';
    src: url('../fonts/National-Book.eot');
    src: url('../fonts/National-Book.eot?#iefix') format('embedded-opentype'),
         url('../fonts/National-Book.woff') format('woff'),
         url('../fonts/National-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


HTML, BODY{
height: 100%;
background: #F2E4D6;
font-family: National, Arial, Helvetica, sans-serif;
font-size: 62.5%;
margin: 0px;
padding: 0px;
color: #222222;
}

.clear{
clear: both;
}

P, OL, Ul{
margin-bottom: 30px;
}

#container{
height: 100%;
background: #F2E4D6;
background-image: url(../img/baby3.png);
background-repeat: no-repeat;
background-position: bottom right;
background-size: contain;
background-origin: content-box;
position: relative;
padding: 0 0;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}


#content{
margin: 0 60px;
width: 350px;
font-size: 16px;
font-size: 1.6rem;
position: relative;
top: 50%;
transform: translateY(-50%);
}

#content IMG{
display: block;
margin-top: 70px;
margin-bottom: 30px;
max-width: 100%;
}

#content A{
display: block;
text-align: center;
margin-bottom: 20px;
padding: 15px 0;
background: #DF7582;
color: #F7EEE6;
text-decoration: none;
font-weight: bold;
}



@media screen and (max-width: 750px) {

#container{
height: auto;
background-image: none;
}


#content{
width: auto;
max-width: 80%;	
top:auto;
transform: none;
margin: 0 auto;
}

}