@charset "utf-8";
/* CSS Document */
/*smart Phone portrait view*/


html,
html * {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

header {
	padding: 16px 32px 10px 32px;
}

body {
	margin-left: auto;
	margin-right: auto;
}

img {
	max-width: 100%;
	vertical-align: middle;
}

.style-logo {
	margin-left: auto;
	margin-right: auto;
	display: block;
	height: 25px;
}
/*smart phone portrait view */
@media (min-width: 320px) {
.style-nav ul {
	list-style-type: none;
}

.style-nav ul li a{
	text-decoration: none;
	color:#4F4C4C;
	text-align: center;
	display: block;
	text-transform: uppercase;
	padding: 8px;
}
}
.finger_point {
	background-image: url("images/finger point solution large extended gradient fade.fw.png");
	background-size:cover;
	padding: 20px 20px 50px 20px;
	color:#4F4C4C;
	text-align:justify;
}

.about_us {
	background-image: url("images/About Us Image extended gradiant.fw.png");
	background-size:cover;
	padding: 20px 20px 50px 20px;
	color:#4F4C4C;
	text-align:justify;
}

.case_studies {
	background-image: url("images/Requirements sm extended gradient.fw.png");
	background-size:cover;
	padding: 20px 20px 50px 20px;
	color:#4F4C4C;
	text-align:justify;
}

.global_network {
	background-image: url("images/global network sm extended gradiant.fw.png");
	background-size:cover;
	padding: 20px 20px 50px 20px;
	color:#4F4C4C;
	text-align:justify;
}

.case_study {
	background-image: url("images/Problem-and-solution small extended grad.fw.png");
	background-size:cover;
	padding: 20px 20px 50px 20px;
	color:#4F4C4C;
	text-align:justify;
}

h1 {
	font-size: 40px;
	text-transform: uppercase;
	font-weight: 200;
	margin-top: 20px;
	margin-bottom: 90px;
	text-shadow: 4px 4px 8px #CCCCCC;

}


h2 {
	font-size: 30px;
	font-weight: 200;
	line-height: 2;
	margin-top: 30px;
	margin-bottom: 70px;
}

h3 {
	font-size: 16px;
	font-weight: 200;
	text-transform: uppercase;
	margin-top: 10px;
	margin-bottom: 20px;
	
}

h4 {
	font-size: 14px;
	font-weight: 200;
	margin-bottom: 15px;
}

.gray_box {
	background-color:#B4B8C1;
	color: #000000;
	padding: 20px 20px 30px 20px;
	text-align: center;
	min-height: 210px;
}

.blue_box {
	background-color: #B0BDCD;
	color:#000000;
	padding: 20px 20px 30px 20px;
	text-align:  center;
	min-height: 210px;
}

.button {
	border: 2px #ffffff solid;
	padding: 8px 30px;
	border-radius: 30px;
	color: #ffffff;
	text-decoration: none;
	font-size: 13px;
}


footer {
	padding:10px 10px 0px 10px;
	background-color: #9DA6B5;
	
	
}

.footer_text_box {
	float: right;
	color: #ffffff;
	
}

.footer_text{
	
	font-size: 13px;
	color: #FFFFFF;
	float: right;
	padding: 10px;
}

.linkedin_box {
	float: left;
	color: #ffffff;
	text-align: left;
	vertical-align: bottom;
}

.linkedin_box_text {
	text-decoration: none;
	color: #ffffff;
	font-size: 13px;
}

.col {
	width: 100%;
}

.row:before, .row:after {
	content: "";
	display: table;
}


.row:after {
	clear: both;
}
/*Tablet View*/

@media (min-width: 768px) {
	
	body {
		max-width: 778px;
	}
	
	.style-nav ul li {
		display: inline-block;		
	}
	
	.style-nav ul {
		text-align: center;
	}
	
	.col_md_one_half {
		width: 50%;
	
	}
	
	.col_md_one_third {
		width: 33%;
	}
	
	.col_md_two_thirds {
		width: 66%;
	} 
	
	.col {
		float: left;
		padding: 0px 7px 14px;
	}
}

/*Desktop View*/

@media (min-width: 1024px) {
	
	body {
		max-width: 1200px;
	}
	
	.style-logo {
		float: left;
	}
	
	.style-nav {
		float: right;
	}
	
	.col_lg_one_fourth {
		width: 25%;
	}
}