body{
  font: 15px/1.5 Arial, Helvetica,sans-serif;
  padding:0;
  margin:0;
  background-color: #ffffff;
 text-align: center;

}

/* Global */
.container{
  width:80%;
  margin-left:70px;
  overflow:hidden;
 
}

ul{
  margin:0;
  padding:0;
}

.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_1:hover{
                       background: #ffffff;
                    color: #FF8C00;
			//background: linear-gradient(#FF8C00,#ffffff);//
			opacity: 0.8;
			transition: all ease-out 0.2s;
}

.dark{
  padding:0px;
  background: #35424a;
  color: #ffffff;
  margin-top:50px;
  margin-bottom:10px;
}

/* Header **/
header{
       border-top:#FF8C00 5px solid;
 /* background:#35424a; */
	 background:#000000;
 /*background: #FFFFFF;*/
  color: #ffffff;
  padding-top:0px;
 /*min-height:35px;*/
 max-height:110px;
/*font-weight:bold;*/
  border-bottom:#FF8C00 5px solid;
/*margin-bottom:30px;*/

}


/* Dropdown Button */
.dropbtn {
color: white;
background:url('../test3.png');
width: 55px;
height: 40px;

}

/* Dropdown Button2 */
.dropbtn2 {
background-color: white;
font: 20px Agency FB;
font-weight:bold;
border-top: 1px solid #eed5b7;
border-bottom:none;
border-right:none;
border-left:none;
width: 145px;
height: 40px;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: absolute;
    display: inline-block;
   width: 25%;
}

.dropdown2 {
    position: relative;
    display: inline-block;
  
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 147px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;

}
/* Dropdown Content (Hidden by Default)2 */
.dropdown-content2 {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 155px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
  
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
   padding: 5px 5px;
    text-decoration: none;
  display: block;
/*display:inline-block;*/

border-top: 1px solid #eed5b7;
/*border-bottom: 1px solid #eed5b7;*/

}

/* Links inside the dropdown2 */
.dropdown-content2 a {
    color: white;
   padding: 10px 50px;
/*padding-top: 10px 0px 0px;*/
    text-decoration: none;
 display: block;
/*display:inline-block;*/

/*border-top: 1px solid #eed5b7;*/
/*border-bottom: 1px solid #eed5b7;*/
  
}


/* Change color of dropdown links on hover */
.dropdown-content a:hover article{
 background:#000000;
  font-size:20px;
padding-left: 10px;

padding-right: 10px;
  color: orange;
/* font: 19px/1.5 AR DESTINE;*/
font: 20px Agency FB;
font-weight:bold;
border-top: 4px solid orange;
border-bottom: 4px solid orange;
border-left: 4px solid orange;
border-right: 4px solid orange;

}

/* Change color of dropdown links on hover2 */
.dropdown-content2 a:hover article{
 background:#000000;
 
padding-left: 0px;

padding-right: 0px;
  color: white;
/* font: 19px/1.5 AR DESTINE;*/
font: 16px Agency FB;
font-weight:bold;
border-top: 4px solid white;
border-bottom: 4px solid white;
border-left: 4px solid white;
border-right: 4px solid white;

}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  
float:right;
 display:inline-block;
width: 40%;
padding: 5px 3px 3px 3px 5px;
background: white;
padding-left: 0px;
color: black;
padding-right: 0px;
 margin-left: 0px;
font: 20px Agency FB;
font-weight:bold;
/*border-top: 2px solid black;*/
border-bottom: 1px solid #eed5b7;
}

/* Show the dropdown menu on hover2 */
.dropdown2:hover .dropdown-content2 {

 
  display:inline-block;
width: 100%;
padding: 8px 15px 12px;
/*background: #8470ff;*/
background: #FF8C00;
 opacity: 0.8;
padding-left: 0px;
color: black;
padding-right: 0px;
padding-top: 10px;
 margin-left: 0px;
font: 16px Agency FB;
font-weight:bold;
/*border-top: 1px solid #eed5b7;*/
/*border-bottom: 1px solid #eed5b7;*/
}


/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
   /*background-color: white;*/
  color: #FF8C00;
 /* font-weight:bold;*/
background:url('../test5.png') ;

}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown2:hover .dropbtn2 {
  /* background-color: white;*/
 /*background:#000000;*/
 color: orange;
 background:url('../test9.png');
padding-left: 0px;
padding-right: 0px;

border-top: 1px solid #eed5b7;
/* font: 19px/1.5 AR DESTINE;*/
font: 20px Agency FB;
font-weight:bold;

}
header #branding{

 margin-left:0px;

}

header #branding h1{
margin-top:25px;
 font-size:37px;
float:left;
 /* margin-left:0px;*/

}


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

}

/* Showcase2 */
#showcase2{
  min-height:580px;
  background:url('../img/galaxy.jpg') no-repeat 0 -0px;
  text-align:center;
  color:white;
 border-bottom:#FF8C00 6px solid;
}
#showcase2 h2{
  margin-top:42px;
  font-size:30px;
  margin-bottom:10px;
}

#showcase2 p{

  font-size:20px;
}

/* Showcase */
#showcase{
padding-top: 400px;
  text-align:center;
  color:white;
  max-height:480px;
  background:url('../img/showcase.jpg') no-repeat 0 +0px;
  border-bottom:#FF8C00 6px solid;
}

#showcase h2{
 
  font-size:30px;
  margin-bottom:0px;
}

#showcase p{
  margin-top:50px;
  font-size:10px;
margin-auto;
}

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

}

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

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

}

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

}

/* Boxes */
#boxes{
  
}

#boxes .box{
  float:right;
  text-align: center;
  width:30%;

}

#boxes .box img{
  width:90px;
padding: 40px 40px 40px;

 margin-auto;
}

/* Sidebar */
aside#sidebar{
 float:right;

  width:100%;
  margin-top:100px;
}

aside#sidebar .quote input, aside#sidebar .quote textarea{
  width:100%;
  padding:0px;
}

/* Main-col */
article#main-col{
  float:left;
  width:100%;
}

/* 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%;
  }

  header{
    padding-bottom:20px;
  }

  
  }

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

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