/**
* Template Name: Squadfree - v4.7.0
* Template URL: https://bootstrapmade.com/squadfree-free-bootstrap-template-creative/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
  font-family: "Open Sans", sans-serif;
  color: #444444;
  height:auto;
  width:100%;
}

a {
  text-decoration: none;
  color: #333;
}

a:hover {
  color: #00657f;
  text-decoration: none;
}


.header {
  width:auto;
  height:80px;	
  padding-left:10%;
}

.footer {
  width:auto;
  height:auto;	
  padding:20px 10% ;
  background-color: white;
  font-size:1em;
  font-weight: normal;
}

.mainSection {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url("../img/computergirl.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	width:100%;
	height:500px;
    position:relative;
}

.mainText {
	color:#fff;
	text-shadow: #000 2px 0 10px;
	padding:0 0 0 15%;
	font-size: 2em;
}
.mainText img{
	width: 500px;
	height:auto;
	position: relative;
	margin:-120px 0 0 0;

}

.demoButton {
	background-color: #444;
	text-align: center;
	margin:auto;
	width:180px;
	color:#fff;
	font-size: 1.5em;
	font-weight: 400;
	position:relative;

}
.col-sm {
	
	padding:0 25;
}
.row {
	font-size: .75em;
	font-weight: bolder;
}
.row p{
	font-size: .75em;
	font-weight: normal;
	padding-top:2px;

}
.whiteOutline {
	padding:3px;
	outline: 1px solid white;
	outline-offset: 4px;
}

.secondSection {
	background-color: #00657f;
	width:100%;
	height:500px;
    position:relative;
	
}
.topShadow {
	width: 100%;

	box-shadow: 0px 3px 12px #222;
	position:relative;
	z-index: 1;
}
.sectionHeader {
	color:#fff;
	width:50%;
	margin:auto;
	padding:20px 0 0 0;
	text-align: center;
	font-size: 1em;
	font-weight:100;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}
.services-section img {
	width:auto;
	height:200px;
	display: block;
	margin: auto;

}
.services-section {
	font-size: 1.5em;
	text-align: center;
	color:#ffffff;
}

