section{
margin-top:2em;
box-shadow: 0.25em 0.5em 0.5em #ccc;
}

#menu {

}

.value-prop{
padding:20px;
}

.overlinex{
background-image:url('../images/paperclip.png');
background-size: 9px;
    background-repeat: no-repeat;
	background-position: 5px 0px;
	padding:0.1em;
	
}
.overline2{
border-top:solid 1px #ccc;
padding:0.3em 1em 0 ;
;
}

.main-box{


	
	width:80%;
}

.main-logo{
position:absolute;
background-image:url('../images/paperclip_white.png');
background-size: 30px;
    background-repeat: no-repeat;
	background-position: 30px 22px /*0px*/;
	min-height:12em;
	z-index:3;
	width:80%;
	-webkit-animation-delay: 1s;
	margin:0;
}
.center{
text-align:center;
}

.img-responsive{
display:block;
width:100%;
}

.overline{

background-image:url('../images/paperclip.png');
background-size: 15px;
    background-repeat: no-repeat;
	background-position: 12px 0px;
	padding-top:0.2em;
	border:solid 1px #ccc;
	
}

.title{
position:relative;
border-top:solid 1px #ccc;
padding-top:1.5em;
padding-left: 0.8em;

}

.social{
font-size:4em;
}
.flexbox{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align:center;
  }
  
.white{
color:#fff;

 background: url(../images/slide01.jpg) 0 0;
   min-height:400px;

  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
}

.rowpad-menu{
padding:20px;
}

.rowpad-tb{
padding:20px 0 20px 0;
}
.rowpad-15{
padding:0 2.2em 2.2em 2.2em;
}

.rowpad-15-nobottom{
padding:0 2.2em 0 2.2em;
}

#menu {
	position:fixed;
	top:0px;
	width:100%; 
	z-index:9999;
	display:none;	
	
	
}

.whitenav{
background-color:#fff;
	border-bottom:solid 1px #999;
	color:#222;
	
}

.whitenav a{
	text-decoration:none;
	
	color:#222;
}


nav{
display:none;
padding:50px 0 0 0;
}

nav ul{
list-style-type:none;
}

nav a{
text-decoration:none;
color:#222;
}

nav a:hover{
 border-bottom: 4px solid #a0a0a0;
color:#a0a0a0;
}

#nav-collapse{
	display:block;
	z-index:5;
	position:absolute;
	width:60px;
right:40px;
float:left;
text-align:center;
}

.open{
display:block;
}

.logo{
float:left;
width:100%;
}


@media (min-width: 800px) {
.value-prop{
padding:0px;
}
}
/* Larger than mobile */
@media (min-width: 750px) {

.rowpad{
padding:20px;
}

.logo{
float:left;
width:0%;

}

#nav-collapse{
	display:none;
}

nav{
display:block;
padding:0px 0 0 0;
float:right;
margin-right:2%;
}

nav ul{

position:relative;


-webkit-margin-after: 0;
}
/*top right bottom left*/
nav li{
display: inline;
float:left;
margin:0 20px 0px 20px;
 text-transform:uppercase;
 
}

}
