body{
  font-family:"Arial", Serif;
  background-color: #f4f4f4;
}

header{
background:#35424a;
color:#ffffff;
padding-top:30px;
min-height:150px;
border-bottom:#e8491d 3px solid;
line-height: 14px;
}

header li{
  display:inline;
  color:#ffffff;
}

header ul{
	list-style:none;
}

.headerlist{
  list-style: none;
}

.container{
  width:80%;
  margin:auto;
  overflow: hidden;
}



.icon{
float:left;
min-width:30px;
width:10%;
height:150px;
top: 20px;
left:5px;
}

.signin{
float:left;
min-width: 300px;	
width:30%
}

.logo{
float:left;
min-width:25px;
width:30%;
height:150px;
color:	#ccffff;	
}

.navbar{  
  overflow:hidden;  
float:right;
min-width:250px;
width:25%;
height:150px;	
}


.space{
float:left;
width:20%;
height:150px;
top: 20px;	
}



.three{
 font-family: Arial, helvetica, sans-serif;
 font-size: 36px;
 line-height:1.5;
 padding:0;
 margin:0;
 color:#f4f4f4;
}

.pitch{
color:blue;	
}

.pitch1{
color:blue;		
}



.navbar a{
  display:inline;
  color:#f2f2f2;
  text-align: center;
  padding:14px 16px;
  text-decoration:none;
  font-size:17px;
}

.navbar ul{
  margin:8px 0 0 0;
  list-style: none;
}

.navbar a:hover{
  background-color: #ddd;
  color: #aaa;
}



.signin a{
  float:left;
  display:block;
  color:#f2f2f2;
  text-align: center;
  padding:4px 6px;
  text-decoration:none;
  font-size:17px;
}

/*
body {
    background-image: url("/images/bridge_1400x491.jpg");
    background-color: #cccccc;
	opacity: .95;
}

*/

.div1{
text-decoration:none;	
}


.slide-menu{
  height: 100%;
  width:0;
  position:fixed;
  z-index:1;
  top: 0;
  left: 0;
  background-color: #111;
  opacity: 0.9;
  overflow-x:hidden;
  padding-top: 60px;
  transition: 0.5s;
}

.slide-menu a{
  padding:10px 10px 10px 30px;
  text-decoration: none;
  font-size: 22px;
  color:#ccc;
  display: block;
  transition: 0.3s;
}

.slide-menu a:hover{
color:#fff;
}

#menu{
  transition:margin-left 0.5s;
  padding:10px;
  overflow:hidden;
  width:100%;
}

p{
 text-align: center;
}

.slide-menu .btn-close{
  position:absolute;
  top:0;
  right: 22px;
  font-size: 36px;
  margin-left:50px;
}

#boxes{
  margin-top: 20px;
   display:inline;
}

#boxes .box {
  float:left;
  width:30%;
  padding:10px;
  text-align:center;
  margin-right: 10px;
  margin-top: 10px;
 
}


#boxes .box1{
  float:right;
  width:30%;
  padding:10px;
  text-align:center;
  margin-left: 10px;
  margin-top: 10px;
} 

#break .bar{
	background-color: #3333ff;
	height:20px;
	margin:auto;
    overflow: hidden;
}



@media(max-width:568px){
  .navbar-nav{display:none}
}