@charset "UTF-8";
/* CSS Document */

body, html{
    overflow-x: hidden;
}

.bodybg {
	background-color: #f4f4f4;
	margin: 0;
}

/* nav */

.snavbar {
	text-align: right;
	padding: 0 40px 0 0;

}

.navbarbutton {
	text-align: right;
	padding: 0 30px 0 0;

	
}



/* banner */

.header-bg {
	background-color: #f4f4f4;
}

.logo {
	padding-left: 0;
}



/* links */

a.linktext:active, a.linktext:link, a.linktext:visited { 
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700; 
	text-decoration: none; 
	color: #c4d500; }
a.linktext:hover { 
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: bold; 
	text-decoration: none; 
	color: #5c646c;  
	}
	
	
	a.linknav:active, a.linknav:link, a.linknav:visited {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
 	font-weight: 700; 
	text-decoration: none; 
	color: #5c646c; }
a.linknav:hover {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	font-weight: bold; 
	text-decoration: none; 
	color: #c4d500;  
	}


/* home intro */
.topnav {
	padding: 40px 0 0 0;
	
}



/* home intro */

h1 {
	color: #333d47;
	font-family: 'Source Serif Pro', serif;
	font-size: 32px; 
	font-weight: normal;
	line-height: 1.2em;

}

.homeintrobg {
	background-color: #ffffff ;	
}


.homeintro {
	padding: 40px 40px 40px 40px;
	background-color: #f4f4f4;
	
}

.texthello {
	font-family: 'Source Sans Pro', sans-serif;;
	font-weight: 700;
	font-size: 16px;
	display:block;
	text-transform: uppercase;
	padding-bottom: 10px

}

.textintrosarah {
	color: #333d47;
	font-family: 'Source Serif Pro', serif;
	font-size: 32px; 
	font-weight: normal;
	line-height: 1.2em;

}



.textintrosarahgreen {
	color: #c4d500;
	font-family: 'Source Serif Pro', serif;
	font-weight: bold;
}

.textkent {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700;
	font-size: 16px;
	display:block;
	text-transform: uppercase;
	padding-top: 10px
}



/* main content */

.contentbg {
	background-image:url(../images/contentbg.png);
	background-position: top;
	background-repeat: no-repeat;
	background-size: 100% ;
	background-color: #f4f4f4;
	
}

.contentbglogos {
	background-position: top;
	background-repeat: no-repeat;
	background-size: 100% ;
	background-color: #f4f4f4;
	
}



/* projects */

.imgprojectsbottom {
	margin-bottom: 20px;
}

.imgprojectstxt {
	padding: 10px 10px 10px 0;
	background-color: transparent;
	font-family: 'Source Sans Pro', sans-serif;;
	font-weight: 400;
	font-size: 12px;
	clear: both;
	float: left;
	color: #333d47;
	width: 100%;
	text-transform: uppercase;
	
}

.imglogostxt {
	padding: 10px 10px 10px 0;
	background-color: transparent;
	font-family: 'Source Sans Pro', sans-serif;;
	font-weight: 400;
	font-size: 12px;
	clear: both;
	float: left;
	color: #333d47;
	width: 100%;
	text-transform: uppercase;
	
}

.txtbody {
	color: #333d47;
	font-family: 'Source Serif Pro', serif;
	font-size: 14px; 
	font-weight: normal;
	padding-bottom: 15px;
	line-height: 1.3em;
}

.txtbodybg {
	background-color: #e7e9eb ;
	color: #333d47;
	font-family: 'Source Serif Pro', serif;
	font-size: 14px; 
	font-weight: normal;
	line-height: 1.3em;
	padding: 6px;
	border-bottom: 1px solid #ffffff;
	margin: 0px;
}



.txtbodysub {
	color: #333d47;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px; 
	font-weight: 700;
	padding-bottom: 5px;
	line-height: 1.3em;
}


	



/* contact */

.contactbg {
	background-color: #ffffff ;	
}

.contactblock {
	padding: 40px 40px 0 40px;
	background-color: #f4f4f4;
	
}

.clientquote {
	color: #333d47;
	font-family: 'Source Serif Pro', serif;
	font-size: 14px; 
	font-weight: 400;
	line-height: 1.4em;
	padding-right: 30px;

}


.clientquotename {
	color: #333d47;
	font-family: 'Source Sans Pro', sans-serif;
	display:block;
	font-size: 12px; 
	font-weight: 700;
	line-height: 1.4em;
	padding-right: 30px;
	text-transform: uppercase;


}


.contactmarginbottom {
	margin-bottom: 20px;
}

.iconssocial {
	padding: 0 10px 0 0;
}

.contacthdr {
	font-family: 'Source Sans Pro', sans-serif;;
	font-weight: 700;
	font-size: 14px;
	display:block;
	text-transform: uppercase;
	padding-bottom: 0;

}

/* footer */

.footerbg {
	background-image:url(../images/footer.png);
	background-repeat: no-repeat;
	background-color: #c4d500;
	width: 100%;
    background-size: 100%;
	height: 200px;

	
}

.footerbg2 {
	background-image:url(../images/footer2.png);
	background-repeat: no-repeat;
	background-color: #ffffff;
	width: 100%;
    background-size: 100%;
	height: 200px;

	
}