#leftOffcanvas {
    width:300px;
}
.herocaption {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 100%;
    background: rgba(1,86,53,.8);
    color: #fff;
    transform: translate(-50%,0);
    text-align: center;
    padding: 11px 11px 45px;
	box-sizing: border-box;
    margin-top: 0;
}
.herocaption h3 {
	font-weight: normal !important;
	font-family: "Raleway",sans-serif;
	font-size: 3rem;
	text-transform:uppercase;
}
.herocaption h2 {
	font-weight: normal !important;
	font-family: "Raleway",sans-serif;
	font-size: 3rem;
	text-transform:uppercase;
}
.herocaption h1 {
	font-weight: normal !important;
	font-family: "Raleway",sans-serif;
	font-size: 3rem;
	text-transform:uppercase;
}
#learnmore {
	position: absolute; 
	bottom: -20px; 
	text-decoration: none; 
	left: 0; 
	right: 0; 
	width: 350px; 
	margin: auto;
}
#gcsslider{
    padding-left:0;
    padding-right:0;
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { 
#gcsslider{
    margin-top:80px;
}
}
/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 
	.ssssdesk {
		position:absolute;
		right:20px;
		bottom:150px;
	}
	.ssssdesk img {
		margin-right:50px; 
		width:300px;
		height:auto;
		float:right;
	}
}
/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
    }
/*X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
	.ssssdesk img {
		width:400px;
	}
    }
/*XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) { 
    }   
@media (max-width: 767px) {
#learnmore {
	width: 100%; 
}
.herocaption h3 {
	font-size: 1.5rem;
}	
.herocaption {
    transform: translate(0,0);
	left:0;
}
}