footer {
	clear: both;
	text-align: center;
	font-size: 0.8em;
	padding-bottom: 30px;
}






#introdesktop {
	overflow: hidden;
	margin-bottom: -80px;
	padding-bottom: 80px;
	margin-left: auto;
	margin-right: auto;
}

#introdesktopcontent {
	transform: rotate(12.7deg) translate(-120px);
	padding-top: 120px;
  transition: 1s;

 }

#introdesktopcontent:hover {
	
	transform: rotate(0deg) translate(-90px,-120px);
	
}

/* Extra Small */ 
@media only screen and (max-width : 480px) {

	.navbar {
	height: 90px;
}

.navbar-default {
	height: 90px;
}

.navbar-fixed-top {
	height: 90px;
}

.navbar-brand {
	height: 90px;

}


.nav {
	height: 90px;
}

.navbar-nav {
	height: 90px;
}
	
	
#services {
	float: left;
	width: 100%;
}
.container-fluid {
	margin: 0px 0px 0px 0px;
}
.navlogo {
height: 60px;
		}

	.nav.navbar-nav > li > a {
	padding-left:15px;
	background-color: #FBFBFB;

}
	
	#introdesktop {display: none;}
	#intromobile {display: block;}

	#picservices {display: none;}
	#aboutpic {display: none;}
	
		.col-md-8 {
	margin-top: 30px;
  }
	
			.col-md-6 {
	margin-top: 30px;
  }
	
}
	.sectionhead {
	height: 90px;
	margin-top: 30px;
}


/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
	
		.navbar {
	height: 90px;
}

.navbar-default {
	height: 90px;
}

.navbar-fixed-top {
	height: 90px;
}

.navbar-brand {
	height: 90px;

}


.nav {
	height: 90px;
}

.navbar-nav {
	height: 90px;
}

#left {
	float: left;
}
.container-fluid {
	margin: 0px 0px 0px 0px;
}
.navlogo {
height: 60px;
		}
	
.sectionhead {
	height: 160px;
	margin-top: 30px;
}
	
.nav.navbar-nav > li > a {
	padding-left:15px;
	background-color: #FBFBFB;

}
	
	
		  .col-md-1, .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-10, .col-md-11, .col-md-12 {
    float: left;
  }
	.col-md-8 {
	width: 66.6667%;
	margin-top: 30px;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
	width: 50%;
	margin-top: 30px;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
	width: 33.33333333%;
	margin-top: 30px;
  }
	
	.subheadgrey
{
  font-family : Raleway;
  font-weight : 600;
  font-size : 15px;
  color : #59564B;
  color : rgb(89, 86, 75);
padding-left: 35px;
	text-indent: -35px;
}

		#intromobile {display: block;}
	#introdesktop {display: none;}
	#picservices {display: block;}

	
}




    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
		#right {
	float: right;
	width: 35%;
}
#left {
	float: left;
}
.container-fluid {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 5%;
	margin-left: 5%;
}
		.navbar-nav > li > a {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 20px;
	/* [disabled]bottom: 10px; */
	top: 23px;
	padding-left: 50px;
}
.navlogo {
	height: 83px;
		}
		
				.sectionhead {
	height: 186px;
	margin-top: 30px;
}
	
		
				  .col-md-8 {
	width: 66.6667%;
	margin-top: 30px;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
	width: 50%;
	margin-top: 30px;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
	width: 33.33333333%;
	margin-top: 30px;
  }
		
		#intromobile {display: none;}
	#introdesktop {display: block;}
	#picservices {display: block;}

		
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

#left {
	float: left;
}
.container-fluid {
	margin-top: 0px;
	margin-right: 5%;
	margin-left: 5%;
	margin-bottom: 0px;
}
		.navlogo {
	height: 83px;
		}
		
		.sectionhead {
	height: 186px;
	margin-top: 30px;
}
		
		
				  .col-md-8 {
	width: 66.6667%;
	margin-top: 30px;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
	width: 50%;
	margin-top: 30px;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
	width: 33.33333333%;
	margin-top: 30px;
  }
		#intromobile {display: none;}
		#introdesktop {display: block;}
		#picservices {display: block;}

		
}



    @media only screen and (min-width : 850px ){
		
		
		.navbar {
	height: 110px;
}

.navbar-default {
	height: 110px;
}

.navbar-fixed-top {
	height: 110px;
}

.navbar-brand {
	height: 100px;

}


.nav {
	height: 110px;
}

.navbar-nav {
	height: 110px;
}
		
		
				.navlogo {
	height: 83px;
		}
		
.sectionhead {
	height: 186px;
	margin-top: 30px;
}
		
		
		  .col-md-8 {
	width: 66.6667%;
	margin-top: 30px;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
	width: 50%;
	margin-top: 30px;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
	width: 33.33333333%;
	margin-top: 30px;
  }
		
		#intromobile {display: none;}
		
	#introdesktop {display: block;}
			#picservices {display: block;}

		.navbar-nav	{float: right}	
		
}



.introhead1
{
	font-family : Raleway;
	font-size : 18px;
	color : #7395A5;
	color : rgb(115, 149, 165);
	font-weight: 300;
}

.introhead2
{
	font-family : Raleway;
	font-size : 18px;
  color : #C55B2E;
  color : rgb(197, 91, 46);
	font-weight: 300;
}

.introhead3
{
	font-family : Raleway;
	font-size : 18px;
color : #ADA66A;
  color : rgb(173, 166, 106);
	font-weight: 300;
}

.introhead4
{
	font-family : Raleway;
	font-size : 18px;
  color : #559D9A;
  color : rgb(85, 157, 154);
	font-weight: 300;
}

.introcopyblack
{
	font-family : Raleway;
	font-weight: 300;
	font-size : 14px;
	color : #000000;
	color : rgb(0, 0, 0);
	line-height: 18px;
}

.intropicture1
{
  font-family : Raleway;
  font-size : 11px;
		font-weight: 500;

  color : #7395A5;
  color : rgb(115, 149, 165);
}

.intropicture2
{
  font-family : Raleway;
  font-size : 11px;
		font-weight: 500;

  color : #ADA66A;
}

.intropicture3
{
  font-family : Raleway;
  font-size : 11px;
		font-weight: 500;

  color : #C55B2E;
}

.intropicture4
{
  font-family : Raleway;
  font-size : 11px;
		font-weight: 500;

  color : #559D9A;
}

.intropicture5
{
  font-family : Raleway;
  font-size : 11px;
		font-weight: 500;

  color : #9D9FA2;
}

.bluepanel
{
	background : #EAEFF2;
	background : rgba(234, 239, 242, 1);
	margin-top: 30px;
	padding-top: 30px;
	padding-left: 35px;
	padding-right: 35px;
	padding-bottom: 30px;
}

.bluepanelhead
{
  font-family : Raleway;
  font-weight : 600;
  font-size : 18px;
  color : #7395A5;
  color : rgb(115, 149, 165);
}

.bluepanelcopy
{
	font-family : Raleway;
	font-weight: 500;
	line-height: 21px;
	font-size : 17px;
	color : #221E0F;
	color : rgb(34, 30, 15);
}

.subheadorange
{
  font-family : Raleway;
  font-weight : 600;
  font-size : 15px;
  color : #D38462;
  color : rgb(211, 132, 98);
}

.subheadgreen
{
  font-family : Raleway;
  font-weight : 600;
  font-size : 15px;
  color : #C2BC8F;
  color : rgb(194, 188, 143);
}

.subheadgrey
{
  font-family : Raleway;
  font-weight : 600;
  font-size : 15px;
  color : #59564B;
  color : rgb(89, 86, 75);
}

.subheadblack
{
  font-family : Raleway;
  font-weight : 600;
  font-size : 15px;
  color : #59564B;
  color : rgb(89, 86, 75);
}

.subheadblue
{
  font-family : Raleway;
  font-weight : 600;
  font-size : 15px;
  color : #96AFBB;
  color : rgb(150, 175, 187);
}

.subheadteal
{
  font-family : Raleway;
  font-weight : 600;
  font-size : 15px;
  color : #80B6B3;
  color : rgb(128, 182, 179);
}

.subheadabout
{
	font-family : Raleway;
	font-weight : 700;
	font-size : 16px;
	color : #559D9A;
	color : rgb(211, 132, 98);
}

.body1
{
	font-family : Raleway;
	font-size : 15px;
	font-weight : 300;
	line-height: 20px;
	color : #000000;
	color : rgb(0, 0, 0);
	padding-left: 35px;
}

.body2
{
	font-family : Raleway;
	font-size : 15px;
	font-weight : 300;
	line-height: 20px;
	color : #000000;
	color : rgb(0, 0, 0);
	padding-top: 15px;
}
