@media only screen and (min-width: 768px) {
	html {
		/* (12 / 768) * 100 */
		font-size: 1.5625vw;
	}
}
.container, .container-fluid {
	padding-right: .75rem;
	padding-left: .75rem;
}
.container {
	max-width: 56rem;
}
.row {
	margin-right: -.75rem;
	margin-left: -.75rem;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    min-height: 0px;
    padding-right: .75rem;
    padding-left: .75rem;
}
body {
     background-color: rgb(84, 113, 129);
}
.page {
     background-color: #fff;
}
.section {
	padding: 1.5rem 0 0;
}
.footer {
	color: #fff;
	font-size: .75rem;
}



/* offCanvas */

.toggle {
	cursor: pointer;
}
.layout {
	overflow: hidden;
}
.layoutOffCanvasContainer {
	display: flex;
	min-height: 100vh;
	}
.layoutCanvas {
	width: 100%;
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
}
.layoutOffCanvas {
	width: 14rem;
	flex-shrink: 0;
}

.layoutOffCanvasContainer {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: -webkit-transform .33s cubic-bezier(.694, .0482, .335, 1);
	-ms-transition: -webkit-transform .33s cubic-bezier(.694, .0482, .335, 1);
	transition: transform .33s cubic-bezier(.694, .0482, .335, 1);
}
@media only screen and (max-width: 767px) {
	.showOffCanvas .layoutOffCanvasContainer {
		-webkit-transform: translateX(-14rem);
		-ms-transform: translateX(-14rem);
		transform: translateX(-14rem);
		-webkit-transform: translate3d(-14rem, 0, 0);
		-ms-transform: translate3d(-14rem, 0, 0);
		transform: translate3d(-14rem, 0, 0);
	}
}