html {
	-ms-overflow-x: hidden;
}

body {

	font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
	font-size: 0.8rem;
	font-weight: 400;
	line-height: 1.5;
	color: #292b2c;
}

footer {
	padding: 30px 0px;
}

.container {
	margin-top: 20px;
}


@media screen and (max-width:767px)
{


	.row-offcanvas {
		transition:0.25s ease-out; position: relative; -webkit-transition: all .25s ease-out; -o-transition: all .25s ease-out;
	}
	.row-offcanvas-right {
		right: 0px;
	}
	.row-offcanvas-left {
		left: 0px;
	}
	.row-offcanvas-right .sidebar-offcanvas {
		right: -100%;
	}
	.row-offcanvas-right.active .sidebar-offcanvas {
		right: -50%;
	}
	.row-offcanvas-left .sidebar-offcanvas {
		left: -100%;
	}
	.row-offcanvas-left.active .sidebar-offcanvas {
		left: -50%;
	}
	.row-offcanvas-right.active {
		right: 50%;
	}
	.row-offcanvas-left.active {
		left: 50%;
	}
	.sidebar-offcanvas {
		top: 0px; width: 50%; position: absolute;
	}


}

@media screen and  (min-width: 1250px) {
	.container {
		width: 1503px;
		max-width: 100%;
		padding-right: 15px;
		padding-left: 15px;
	}
}


@media screen and  (max-width: 1200px) {
	.container {
		width: 1340px;
		max-width: 100%;
		padding-right: 15px;
		padding-left: 15px;
	}
}

@media screen and  (max-width: 992px) {
	.container {
		width: 960px;
		max-width: 100%;
		padding-right: 15px;
		padding-left: 15px;

	}

}

@media screen and  (min-width: 769px) {
	.related-mod {
		display: none;
	}
}


@media screen and  (min-width: 576px) {
	.jumbotron {
		padding: 4rem 2rem;
	}
}

@media screen and  (max-width: 576px) {
	.container {
		width: 100%;
		max-width: 100%;
		padding-right: 15px;
		padding-left: 15px;

	}
	.float-right{
		display: block;
	}
}