body{
padding: 0;
margin: 0;
font-family: cursive;
background: url("contact-us-banner%20(1).jpg");
background-size: cover
}

header{
width: auto;
overflow: auto;
margin-top: 0%;
}

nav{
float: right;
}

nav ul{
height: 50px;
float: right;
display: flex;
align-items: center;    
    justify-content: center;
}

nav ul li{
display: inline-block;
list-style: none;
padding: 5px 15px;
}

nav ul li:hover{
border: 1px solid #fff;
}

nav ul .active{
border: 1px solid #fff;
}

nav ul li a{
text-decoration: none;
color: #fff;
font-size: 18px;
}

#contact-box{
    width: inherit;
display: flex;   
}

#logo{
  float: left;
    padding: 9px 0 9px 50px;
}

header{
    width: auto;
    height: 80px;
    background-color: #2c3e50;
}

#logo h1{
    color: #fff;
    font-family: serif;
    float: right;
        left: 100%;
    margin-top: 6%;
}

.btn-1{
background: #0984e3;
border: 1px solid #0984e3;
}

.btn-1 a{
color: #fff;
}

input[type="text"]{
top: 27%;
left: 0%;
}

input[type="text"]{
position: absolute;
outline: none;
border: none;
width: 250px;
height: 35px;
border-bottom: 2px solid #0094ff;
background: none;
padding: 5px;
color: #fff
}


.buttons{
margin-left: 19%;
margin-top: 2.3%;
}

.btn-1 a{
color: #fff;
}

.btn-1{
background: #0984e3;
border: 1px solid #0984e3;
}

button{
width: 150px;
height: 40px;
border: 1px solid #fff;
margin-right: 5px;
}
button a{
    text-decoration: none;
font-size: 16px;
color: #000;
}