/* visual styles */
body{
    margin:0;
    font-family:"Open Sans", sans-serif;
    font-size:10px;
    color:#666666;
    text-align:center;
}

.fullscreen-cont {
    margin-bottom:2px;
}

/* fullscreen setup */
html, body {
    /* all the tags up to .fullscreen-cont must have this style */
    height:100%;
}
.fullscreen-cont,
.fullscreen-img {
    display:block;
    position:relative;
    min-width:100%;
    min-height:100%;
}

/* content styles */
.fullscreen-img {
    display:block;
    position:absolute;
    z-index:1;
    background:transparent url('180782_Children-Haircuts-Ready-School-Pictures-sure-kids_1917x1278.jpg') center center no-repeat;
    background-size:cover;
    /* background position when .fullscreen-img overflows */
    background-position:50% 50%;
}
.content {
	background-image: url('logo.png');
	background-position: 50% 30px;
	background-repeat: no-repeat;
    display:block;
    position:relative;
    z-index:2;
	background-color:#fff;
	width:440px;

	top:30px;
	margin: 0px auto;
    padding-bottom: 20px;
	
}
.content h1 {font-size:22px; font-weight: 300;letter-spacing: -1px;line-height:26px;margin-top:0px;}
.content h1 span{ display: block; color: #999;padding-top:130px;}
.content h2 {color: #003366; font-size:14px;font-weight: 400;  text-align: justify;
  margin: 20px;}
.content p {font-size:12px; color:#666;}
.content a {color:#336699;}
.content a:hover {color:#ff6600;}

/* Smartphones (portrait and landscape) ----------- */
@media screen and (min-width : 320px) and (max-width : 960px) {
	.content {
	margin-left:10px;
	margin-right:10px;
	top:20px;
    width:auto;
	}
}