body {
	color: #fff;
	background-color:#FF5E00;
	font-size: 0.85em;
}

.document {
	box-sizing:border-box;
	padding: 0 10px;
}

/* Css responsive image replacement methond */
/* Css margin/padding percentage is define as a percentage of its width */
#technology-image {
							/* Tip: round figure up to 2 decimal places */
	padding-top: 46%; 		/* Set to image aspect ratio percentage */
	background-size: 100%;
    background-repeat: no-repeat;
	background-image: url(images/design.png);
}

/* Medium screen */
@media (min-width: 680px) {
    body {
		color: #fff;
        background-color: #0032D2;
    }
	.main {
		float: left;
		box-sizing:border-box;
		width: 65%;
		padding-right: 10px;
	}
	.side {
		float: left;
		box-sizing:border-box;
		width: 35%;
		padding-left: 10px;
	}
}

/* Large screen */
@media (min-width: 960px) {
    body {
		color: #000;
        background-color: yellow;
    }
	.document {
		width: 960px;
		margin: 0 auto;
	}
}