<!-- 
body {
	background-image:url(../images/sleepBack.jpg);
	background-size: 100% 100%;
    background-repeat: no-repeat;
}
 -->
body {
width:100%;
}

#section2 {
	background-image:url(../images/sleepBack.jpg);
}

<!-- @height: 'window.innerHeight -100px'; -->
.section {
width:100%;
}
#scrollbar {
	visible:"hidden";
}
.section div.boxbg {
	position: relative;
    width: 535px;
    float: right;
    margin-right:10vw; 
    /* top: inherit; */
    top: 0%;
    left: 0%;
	height:calc(100% - 20vh - 180px);
	height: -webkit-calc(100% - 20vh - 180px); 
	height: -o-calc(100% - 20vh - 180px); 
	height: -moz-calc(100% - 20vh - 180px); 
	
}

span.blankheaderbg {
	color: transparent;
    border: solid 1px;
    float:left;
    width: 100%;
    height: 20vh;
    position:relative;
}

span.blankleftboxbg {
    color: transparent;
    border: solid 1px;
    float:left;
    height: 100%;
	width: -webkit-calc(100% - 90vw);
	min-width: 1vw;
	position:relative;
}

<!-- 
span.blankrightboxbg {
	color:blue;
	border: solid 1px;
	width: 10vw;
    height: 100%;
    float:right;
    position:relative;
}
 -->

.section div.headerbg {
    position: relative;
    width: 535px;
    float: right;
    margin-right: 10vw;
    left:0%;
    top:0%;
    /* right: 25%; */
    /* left: inherit; */
<!--     margin-top: 3.9%; -->
}
#navigation span.navHome li {
	margin: 24px 13px 2px 70px;
}
#navigation {
	line-height: normal;
}

#navigation span.navHome li {
    margin: 15px 5px 2px 60px;
}

iframe {
	width:300px;
	height:260px;
}