body{
  font: 15px/1.5 Arial, Helvetica,sans-serif;
  padding:0;
  margin:0;
  background-color:#f4f4f4;
}

/* Global */
.container{
  width:100%; 

  overflow:hidden;

/*display: inline-block;*/
 /*border-bottom:3px solid white;*/

}
.container2{
  width:90%;
  margin:auto;
  margin-top: 90px;
  overflow:hidden;
  background: #000000;

}
.container3{
  width:90%;
  margin:auto;
margin-top: 90px;
  overflow:hidden;
  background: #f4f4f4;
}
.button_1{
  height:35px;
 background: linear-gradient(#FF8C00,#800000);
  border:0;
  padding-left:20px;
  padding-right:20px;
  color: #ffffff;
font-size: 15px;
font-weight:bold;
}

.button_2{
  height:40px;
  width:175px;
  background: linear-gradient(#FF8C00,#800000);
  border:20;
margin-left: 50px;
  padding-left: 20px;
  padding-right:20px;
  color:#fff;
  font-weight:bold;
  margin-bottom:0px;
 margin-top:5px;
}

.button_3{
  height:40px;
  width:325px;
  background: linear-gradient(#FF8C00,#800000);
  border:20;
  padding-left: 10px;
  padding-right:20px;
  color:#fff;
  font-weight:bold;
  margin-bottom:0px;
  margin-left: 20px;
 margin-top: 11px;
}

.dark{
   
  padding:0px;
  background:#000000;
  color:#ffffff;
  margin-top:0px;
  margin-bottom:0px;
  padding-left:20px;
}
.dark2{
   width:100%;
  text-align:left;
  height: 70px;
  padding:0px;
  background:#000000;
  color:#ffffff;
  margin-top:0px;
  margin-bottom:0px;
 margin-left:0px;
  padding-left:0px;
 
}

/* Header **/
header{

 /* background:#35424a; */
	 background:black;
 /*background:#FFFFFF;*/
 color: white;
  padding-bottom:0px;
max-height:80px;

/*font-weight:bold;*/
 
}

header a{
 
  color:#000000;
  text-decoration:none;
  text-transform: 0;
  font-size:15px;
 
}

header nav{
/*margin-top:20px;*/
/*border-top: 70px solid blue;*/

border-top: 5px solid orange;
border-bottom: 5px solid orange;
width: 100%;
padding-top: 0px;
padding-bottom: 15px;

  float:right;
background: orange;
 
}

header li article{
 float:right;
 /* display:inline-block;*/
/*width: 70%;*/
padding: 10px 10px 10px 10px;
background: white;
padding-left: 40px;
padding-right: 35px;
 margin-left: 1px;
font: Narkisim;
font-weight: bold;
font-size:17px;
}

header li article:hover {
   
  background:#FF8C00;
  font-size:17px;
color: white;

}

navi li:hover {
   
 background:#orange;
width: 48%;
  font-size:17px;
  color: blue;

}

header #branding{

 margin-left:0px;

/* float:left; */
margin-top:0px;
font: 15px/1.5 Arial;
}

header #branding h1{
padding-top:0px;
max-height:50px;
float:left;
/*background:pink;*/
padding-bottom:0px;
margin-left:0px;
 font: 40px/1.5 Aharoni;
/*font-weight:bold;*/

}


} 
header .highlight, header .current a{
  color:orange;
  /*font-weight:bold;*/

}


/* Showcase2 */
#showcase2{

margin-auto;
  min-height:660px;
  background:url('../img/3-Galaxies.jpg') no-repeat 0 +45px;
  text-align:center;
  color:#ffffff;
}
#showcase2 h2{
  
  font-size:40px;
  margin-bottom:0px;
}

#showcase2 p{

  font-size:20px;
}
/* Showcase */
#showcase{

margin-auto;
  min-height:550px;
  background:url('../img/showcase.jpg') no-repeat 0 -10px;
  text-align:center;
  color:#ffffff;
}

#showcase h1{
  margin-top:0px;
  font-size:55px;
  margin-bottom:0px;
}

#showcase p{
margin-top:0px;
  font-size:20px;
}

/* Newsletter */
#newsletter{
  padding:15px;
  color:#ffffff;
  background:#ffffff
}

#newsletter h1{
font-size:30px;
  float:left;
}

#newsletter form {
  float:right;
  margin-top:10px;
 margin-bottom:10px;
}

#newsletter input[type="email"]{
  padding:4px;
  height:25px;
  width:250px;

}
.main{
                        
}


/* Boxes */
#boxes{
  margin-top:20px;
}

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

#boxes .box img{
  width:70px;
}

label{
			color: navy;
			font-size: 15px;
                    font-weight: bold;
                   margin-top:100px;
}


.form-box{
                     
 margin-top: 5px;
                     width: 90%;
                      margin-left: 5px;
                      margin-bottom: 5px;
			padding: 10px;
			background-color: #f4f4f4;
}

.msg-box{
			width: 70%;
			padding: 10px;
			
                        margin-top: 0px;
			margin-bottom: 0px;
                        margin-left: 13px;

			border-radius: 5px;
			border: 2px solid #dc143c;
			font-weight: bold;
			
			border-right: 15px solid #FF8C00;
			border-left: 15px solid #FF8C00;
			resize: none;
		}


}

.msg-box2{
			
			padding: 10px;
			 margin-top: 0px;
                      
			margin-bottom: 10px;
                     
			border-radius: 5px;
			border: 2px solid #dc143c;
			font-weight: bold;
			color: #000000;
			border-right: 15px solid #FF8C00;
			border-left: 15px solid #FF8C00;
			resize: none;
		}
.msg-box4{
			width: 99%;
			padding: 10px;
			
                        margin-top: 0px;
			margin-bottom: 0px;
                        margin-left: 2px;

			/*border-radius: 5px;*/
			border: 2px solid #dc143c;
			font-weight: bold;
			
			/*border-right: 15px solid #FF8C00;*/
			/*border-left: 15px solid #FF8C00;*/
			resize: none;
		}
.inp{
			width: 80%;
			padding: 10px;
			margin-left: 12px;
			
			
			color: #000000;
			resize: none;
		}
.inp4{
			width: 100%;
			padding: 10px;
			
			
			
			color: #000000;
			resize: none;
		}
.inp1:focus{
			width: 100%;
			padding: 10px;
			margin-left: 0px;
                        border: 1px solid #fff;
					
			color: black;
			resize: none;
		}
.msg-box1:focus{
			width: 100%;
			padding: 10px;
			margin-left: 0px;
                        border: 2px solid #FF8C00;
		      font-weight: bold;			
			color: blue;
			resize: none;
		}
.inp2{
			width: 80%;
			padding: 10px;
			margin-left: 0px;
			
			
			color: #000000;
			resize: none;
		}

.info4{
			width: 100%;
                       margin-top:0px;
			background-color: #000000;
			
			text-shadow: 1px 1px 1px #222;
                       text-align:center;
			color: #fff;
			font-size: 18px;
                        margin-bottom:20px;
		}
.form-box4{
                      margin-left: 0px;
                      margin-right: 22px;
                      
			
			background-color: #fff;
                       max-height: 0px;
}
.form-box3{
                     
                      width: 100%;
                     
			
			background-color: #ffffff;
}
.button_1:hover{
                        background: #000000;
			//background: linear-gradient(#FF8C00,#800000);//
                       color: #FF8C00;
			opacity: 0.8;
			transition: all ease-out 0.2s;
}
.button_2:hover{
                        background: #000000;
			//background: linear-gradient(#FF8C00,#800000);//
                        color: #FF8C00;
			opacity: 0.8;
			transition: all ease-out 0.2s;
}
.button_3:hover{
                        background: #000000;
			//background: linear-gradient(#FF8C00,#800000);//
                       color: orange;
			opacity: 0.8;
			transition: all ease-out 0.2s;
}

/* Sidebar */
aside#sidebar{
 
  float:left;
  width:30%;
  margin-top:20px;
 
}
aside#sidebar2{
  text-align:center;
  float:right;
  width:30%;
  margin-top:35px;
 
}
aside#sidebar .quote input, aside#sidebar .quote textarea{
  width:20%;

 
}

/* Main-col */
article#main-col{
  float:left;

  width:60%;

}

/* Services */
ul#services li{
  list-style: none;
  padding:20px;
  border: #cccccc solid 1px;
  margin-bottom:5px;
  background:#e6e6e6;
}

footer{
  padding:20px;
  margin-top:20px;
  color:#ffffff;
  background-color:#FF8C00;
  text-align: center;
}

/* Media Queries */
@media(max-width: 900px){
  header #branding,
  header nav,
  header nav li,
  #newsletter h1,
  #newsletter form,
  #boxes .box,
  article#main-col,
  aside#sidebar{
    float:none;
    text-align:center;
    width:100%;
  }

  
  #showcase h1{
    margin-top:40px;
  }

  #newsletter button, .quote button{
    display:block;
    width:100%;

  }

  #newsletter form input[type="email"], .quote input, .quote textarea{
    width:60%;
    margin-bottom:5px;

    
  }