html, body {
    width: -webkit-calc(100% - 0px);
}

body {
	font-family: 'Roboto Condensed', sans-serif;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	color:#000;
	font-family: 'Roboto Condensed', sans-serif;
}

footer {
	color: #fff;
}

a:focus, a:hover {
	color:#ff8c00;
}

.row, .footerAbout {
	margin-left:0px;
	margin-right:0px;
}

.navbar-w-100 {
	padding-top: 2px;
    padding-bottom: 2px;
}

.navbar {
	font-size: 1em;
	font-weight: bold;
}

.navbar-light .navbar-nav .nav-link {
	color:#120066;
}

.navbar-nav .nav-item + .nav-item {
	margin-left: 2rem;
}

.navbar .navbar-nav .nav-link {
    letter-spacing: 1px;
    text-transform: none;
    line-height: normal;
    display: inline-block;
    vertical-align: middle;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
	color:#ff8c00;
}

.navbar-nav .nav-item {
	height: 102px;
    line-height: 102px;
}

.site-info {
	background-color: #120066;
}

.site-info a {
	color:#fff;
}

h4.footerHeader{
	color:#fff;
	font-size: 2em;
	letter-spacing: normal;
}

.footerAbout {
	padding-left:0px;
	color: #fff;
}

img.socialfooter {
	border:none;
	border-radius: 0px;
}

.footerborder {
	border-top: 1px solid #ff8c00;
}

.homeBannerHead {
	font-size: 40px;
	letter-spacing: 1px;
}

.homeBannerContent {
	font-size: 1.5em;
}

.bannerLink {
	color:#fff;
	border:1px solid #fff;
	padding:1em 2em;
}

.bc-buttons {
	padding-top: 3em;
}

.ourServices {
	background-color: #ff8c00;
}


.ourServices h2 {
	font-size: 40px;
	letter-spacing: 1px;
	color:#fff;
	font-weight: bold;
}

.serviceSection {
	padding-bottom: 1em;
}

.serviceImg {
	padding-bottom: 1em;
}

.serviceTitle {
	color: #fff;
    text-align: center;
    letter-spacing: 0px;
    font-size: 1.5em;
    font-weight: bold;
}

.serviceLinkBox {
    margin-bottom: 1em;
    text-align: center;
}

.serviceLink {
	/*position: absolute;
	left: 50%;
	transform: translate(-50%);
	bottom: 0px;*/
	color:#fff;
	border:1px solid #fff;
	padding:.5em 1em;
}


a:focus.serviceLink, a:hover.serviceLink {
	color:#120066;
}

.recentBlock {
	padding-top: 0px;
    padding-bottom: 0px;
}

.recentRel {
	position: relative;
	margin-bottom: 0px;
}

.recentWork {
	position: absolute;
    left: 50%;
    bottom: 35%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.recentTitle {
	color: #fff;
    text-align: center;
    letter-spacing: 1px;
    font-size: 3em;
    font-weight: bold;
}

.ourClients {

}

.ourClients h2 {
	font-size: 40px;
	letter-spacing: 1px;
	color:#000;
	font-weight: bold;
}

.ourClients p {
	color:#000;
	font-size: 1em;
}

.aboutUs p {
	color:#000;
	font-size: 1em;
}

.headerRel {
	position: relative;
	margin-bottom: 0px;
}

.headerWork {
	position: absolute;
    left: 50%;
    bottom: 20%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.headerPara {
	font-size: 1.5em;
}

.caseStudyBlock {
	padding-top: 0rem;
	padding-bottom: 3rem;
}

.caseStudy {
 background-color: #120066;
 border-bottom: 5px solid #ff8c00;
 color:#fff;
 text-align: left;
}

.caseStudyTitle {
	color:#fff;
}

.caseStudyImg {
	max-width: 100%;
	width:100%;
}

.caseStudyText {
	position: relative;
    vertical-align: middle;
    padding: 1.5em 1em 0 1em;
    text-overflow: ellipsis;
}

.caseStudyPara {
	font-size:1vw;
	line-height: 1.4;
}

.caseStudyLinkBox {
    margin-bottom: 1em;
    text-align: left;
}

.caseStudyLink {
	color:#fff;
	border:1px solid #fff;
	padding:.5em 1em;
}

.caseStudyFloat {
	float:right;
}

.textbox {
    margin-bottom: 0px;
}




@media screen and (max-width: 1280px) {
	.headerWork {
		bottom:15%;
	}

	.headerPara {
		font-size: 1.2em;
	}

	.recentWork {
		bottom:25%;
	}
}

@media screen and (max-width: 1199px) {
	.caseStudyFloat {
		float:left;
	}
	.caseStudyPara {
		font-size: 1em;
	}
	.caseStudyPara ul {
		margin-bottom: 1rem;
	}
	}

@media screen and (max-width: 1024px) {
	.recentWork {
		bottom:15%;
	}
}

@media screen and (max-width: 992px) {
	.navbar-nav .nav-item + .nav-item {
		margin-left: 0rem;
	}

	#primary-header > nav > div > div.hidden-lg-up > img {
		height:72px;
		width:auto;
	}

	.recentWork {
		bottom:10%;
	}
}

@media screen and (max-width: 848px) {
	.headerWork {
		position: absolute;
	    left: 50%;
	    bottom: 0%;
	    -webkit-transform: translate(-50%, -25%);
	    transform: translate(-50%, -25%);
	}

	.recentWork {
		bottom:5%;
	}
}

@media screen and (max-width: 768px) {
	.headerWork {
		color:#000;
		position: inherit;
		font-style: italic;
	    left: 0;
	    bottom: 0;
	    -webkit-transform: none;
	    transform: none
	}

	.recentWork {
		bottom:5%;
	}
}

@media screen and (max-width: 667px) {
	.recentTitle {
		font-size: 2em;
	}
}

@media screen and (max-width: 568px) {
	.recentWork {
		bottom:0%;
		transform: translate(-50%, -10%);
	}

	.recentTitle {
	    font-size: 1.8em;
	}
}

@media screen and (max-width: 414px) {
	.recentWork {
	    bottom: 0%;
	    transform: translate(-50%, -10%);
	}

	.recentTitle {
	    font-size: 1.4em;
	}
}

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

}

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