#wrapper {width:95%;  margin: 0 auto; background:red; }

#header {width:100%; }

#content {width:100%; }

#sidebar {width:100%; }

#footer {width:100%; }

/* Extra small devices (portrait phones, 576px and up)*/
@media screen and (min-width: 320px) {
	/*body {background:pink;}*/
}

/* Small devices (landscape phones, 576px and up)*/
@media screen and (min-width: 576px) {
	/*body {background:red;}*/
	p {font-size: 18px;}
	h5 {font-size: 24px;}
}

/* Medium devices (tablets, 768px and up)*/
@media screen and (min-width: 768px) {
	#wrapper {width:90%;  margin: 0 auto; }
	#content {width:70%; float:left; }
	#sidebar {width:30%; float:right; }
	/*body {background:green;}*/
	p {font-size: 18px;}
}

/* Large devices (desktops, 992px and up)*/
@media screen and (min-width: 992px){
	/*body {background:black;}*/
}

@media(min-width: 992px) body, p, a, h4 {
	font-size: 14px;
}

/* Extra large devices (large desktops, 1200px and up)*/
@media screen and (min-width: 1200px) {
	#wrapper {width:90%;  margin: 0 auto; }
	/*body {background:yellow;}*/
}