* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body {
	font-family: "Roboto" sans-serif;
	font-size: 3em;
	color: #A3A0A0;
}
.row:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.row { display: inline-block; }
/* start commented backslash hack \*/
* html .row { height: 1%; }
.row { display: block; }
/* close commented backslash hack */

#wrepper {
	height: 100%;
	width: 100%;
}

.header {
 margin-bottom: 10px;
}
.inner-header {
	height: 200px;
  background: #4F88DD;
}
.sadebar-1 {
  width: 20%;
  float: left;
  padding-right: 10px;
}
.inner-sadebar-1 {
  min-height: 500px;
  background: #4F88DD;
}
.content {
  width: 60%;
  float: left;
}
.inner-content {
  min-height: 500px;
  background: #4F88DD;

}
.sadebar-2 {
  width: 20%;
  float: left;
  padding-left: 10px;
}
.inner-sadebar-2 {
  min-height: 500px;
  background: #4F88DD;
}

.footer {
  margin-top: 10px;
}
.inner-footer {
  height: 200px;
  background: #4F88DD;
}