.container {
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 1.42857143;
	color: #333333;
 
}
 
img {vertical-align: middle}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	display: block;
	max-width: 100%;
	height: auto;
}
 
 h2,
.h2 {
	font-size: 27px;
}
h3,
.h3 {
	font-size: 23px;
}
 
 
 
 
ul,
ol {
	margin-top: 0;
	margin-bottom: 9px;
}
ul ul,
ol ul,
ul ol,
ol ol {
	margin-bottom: 0;
}
 
 
 
.pre-scrollable {
	max-height: 340px;
	overflow-y: scroll;
}
.container {
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px;
}
@media (min-width: 768px) {
	.container {
		width: 750px;
	}
}
@media (min-width: 992px) {
	.container {
		width: 970px;
	}
}
@media (min-width: 1200px) {
	.container {
		width: 1000px;
		padding-left: 0;
		padding-right: 0;
	}
}
.container-fluid {
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px;
}
.row {
	margin-left: -15px;
	margin-right: -15px;
}
 
@media (min-width: 768px) {
	 .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
		float: left;
	}
	 
 
	.col-sm-8 {
		width: 66.66666667%;
	}
	 
	.col-sm-4 {
		width: 33.33333333%;
	}
 
 }