/*responsive*/
@media all and (max-width: 950px) {
	.container {
		width: 98%;
		padding: 0 10px;
		box-sizing: border-box;
	}
	
.span12 {
  width: 98%;
	box-sizing: border-box;
}
	
.span8 {
  width: 70%;
	box-sizing: border-box;
}


.span4 {
  width: 23%;
	box-sizing: border-box;
}

.sidebar .box h3 {
	font-size: 16px;
	line-height: 22px;
}

h1 {
  font-size: 32.5px;
	line-height: 38px;
}

h1.entry-title, h1, h4, h5 {
	margin-left: 0;
	text-align: left!important;
}

h2 {
  font-size: 26px;
	line-height: 32px;
}


p, h5, h4, h1 {
  text-align: left!important;
}

}

@media all and (max-width: 767px) {
	.container {
		width: 98%;
		padding: 0 10px;
		box-sizing: border-box;
	}
	
.span12 {
  width: 98%;
	box-sizing: border-box;
}
	
.span8 {
  width: 98%;
	box-sizing: border-box;
}


.span4 {
  width: 98%;
	box-sizing: border-box;
}

.sidebar .box h3 {
	font-size: 16px;
	line-height: 22px;
}

h1 {
  font-size: 30.5px;
	line-height: 36px;
}

h1.entry-title, h1, h4, h5 {
	margin-left: 0;
	text-align: left!important;
}

h2 {
  font-size: 24px;
	line-height: 30px;
}


p, h5, h4, h1 {
  text-align: left!important;
}


}

@media all and (max-width: 599px) {

.sidebar .box h3 {
	font-size: 15px;
	line-height: 21px;
}

h1 {
  font-size: 26.5px;
	line-height: 32px;
}

h1.entry-title, h1, h4, h5 {
	margin-left: 0;
	text-align: left!important;
}

h2 {
  font-size: 22px;
	line-height: 28px;
}


}

@media all and (max-width: 480px) {


.header_content img {
	width: 90%;
	float: none;
	margin: 5px auto;
	height: auto;
}

.header_content h1 {
  width: 100%;
  float: none;
}

article {
	width: 97%;
	box-sizing: border-box;
}

.sidebar .box {
  width: 98%;
  margin: 20px 10px;
}

.navbar {
	width: 95%;
}

.sidebar .box h3 {
	font-size: 14px;
	line-height: 21px;
}

h1 {
  font-size: 20.5px;
	line-height: 26px;
}

h1.entry-title, h1, h4, h5 {
	margin-left: 0;
	text-align: left!important;
}

h2 {
  font-size: 16px;
	line-height: 22px;
}

body {
	overflow-x: hidden;
}

[class*="span"].pull-right {
	width: 100%!important;
	position: relative;
}

.img-rounded.img-polaroid{
  width: 85%;
  height: auto;
  float: none;
  margin: 0 0 0 7.5%;
}

article .medal {
  position: absolute;
  right: 20px;
}

}


@media all and (max-width: 400px) {
.notes.box {
  width: 100%;
  box-sizing: border-box;
}

img.content-left {
	width: 100%;
}
}