#wwbp_header {
    background-image: url(../images/top_grad_5.png);
    background-position: fixed;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 100%;
    color:#FFFFFF;
}

/* LOGO */

a.logo-link {
    color: #FFFFFF;
    text-decoration:none;
    font-family:Helvetica,Arimo,Arial;
}

#logo_caption {
    color: #FFFFFF;
    font-family:Helvetica,Arimo,Arial;
}

/* NAVIGATION */
#nav_links {
    display:inline-block;
    vertical-align:top;
    text-align:center;
}

div.nav-link {
    display:inline-block;
    vertical-align:top;
}

a.nav-link {
    color: #FFFFFF;
    font-family:Helvetica,Arimo,Arial;
    text-decoration:none;
}

a.nav-link:hover {
    color:#FF0000;
    text-decoration:none;
}

/* SEARCH */
#search {
    display:inline-block;
    text-align:right;
    vertical-align:top;
}

#searchform #s{
    display:inline-block;
    color: #49494b;
    border:none;
    background: #f0efeb;
    font-family:Helvetica,Arimo,Arial;
}

.search-input:focus {
    outline:none;
}

#search_submit_field {
    display:inline-block;
}

#search_submit_div {
    display:inline-block;
    cursor:pointer;
    vertical-align:top;
    margin: 0;
    float:right;
}

#searchsubmit {
    text-align: right;
    border: none;
    background: url(../images/search_icon.png) no-repeat left top;
    cursor: pointer; 
}

#logo_image {
    width: 100%;
}

/* RESPONSIVE SETUP HERE */

/* PHONE */
@media screen and (max-width: 800px) {

#wwbp_header { }
#logo { padding-top:10px; vertical-align:top; text-align:center }
#logo_image { width:80%; }
#logo_caption { font-size:12px; padding-left:auto; margin:0 auto; line-height:12px; max-width:250px;}

#nav_dropdown { 
    margin-top:10px; 
/*    padding-left:15px; */
    text-align: center
}
#nav_dropdown_select { 
/*    padding:0; 
    width:280px; 
    height: 25px; 
    margin:0 auto;*/
    width:80%;
}

/* Search */
#search { 
/*    padding-left:15px; 
    display:block; 
    margin:0 auto; 
    width:280px; 
    height:25px;*/

/*    width: 100%;
    text-align:left;
}

#searchform {
    position:relative;
    width: 80%;
    margin: 0 auto;
}

#searchform #s{
    width: 100%;
    height:30px;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#search_submit_div {
    margin-top:2px;
    position:absolute;
    top:0;
    right:0;
    padding: 5px;*/

    position:relative;
    width:100%;
    text-align:left;
    margin: 0 2% 0 2%;
}

#searchform {
    margin: 0;
}

#searchform #s{
    font-size: 10px;
    width: 100%;
    height: 20px;
    /*padding: 2px 2px 2px 5px;*/
    padding: 2% 1% 2% 1%;
    /*margin: 0 auto;*/
/*    position: absolute;
    width:80%;*/
}

#search_submit_div {
    margin-top:2.5%;
    position:absolute;
    vertical-align: baseline;
>>>>>>> Lots of changes, functional and cosmetic. If something was added its probably here.
}

#searchsubmit {
    width:16px;
    background-size:16px;
    /*position: absolute;*/
    /*right: 20px;*/
    right: 5%;
    /*margin-top:2px;*/
}

#search_submit_field {
/*    position: absolute;
    width: 60%;
    left: 15%;*/
<<<<<<< HEAD
    width:100%;
=======
    width:95%;
>>>>>>> Lots of changes, functional and cosmetic. If something was added its probably here.
 }


}

/* TABLET */
@media screen and (min-width: 801px) and (max-width:1200px) {

#wwbp_header { height: 60px; }
#logo { padding-top:10px;}
/*#logo_image { width:290px; }*/
#logo_caption { font-size:11px; padding-left:3px; line-height:11px; }

/* Navigation */
#nav_links { padding-top:7px; }
div.nav-link { padding-right:5px; }
a.nav-link { font-size:10px; }
.nav-submenu-item { padding:8px 0; }

/* Search */
#search { margin-top:10px; margin-bottom:10px; }

#searchform #s{
    font-size: 10px;
    width: 130px;
    height: 16px;
    padding: 2px 2px 2px 5px;
}

#search_submit_div {
    margin-left:2px;
    margin-top:2px;
}

#searchsubmit {
    width:16px;
    background-size:14px;
}

}

/* LAPTOP */

@media screen and (min-width: 1201px) and (max-width: 1500px) {

#wwbp_header { height: 80px; }

/* Logo */
#logo { display:inline-block; padding-top:10px;}
/*#logo_image { width:290px; }*/
#logo_caption { font-size:12px; padding-left:5px; line-height:12px; }

/* Navigation */
#nav_links { padding-top:10px; }
div.nav-link { padding-right:10px; }
a.nav-link { font-size:12px; }
.nav-submenu-item { padding:8px 0; }

/* Search */
#search { margin-top:10px; }

#searchform #s{
    font-size: 10px;
/*    width: 200px;
    height: 16px;*/
    padding: 2px 2px 2px 5px;
}

#search_submit_div {
    margin-left:2px;
    margin-top:2px;
}

#searchsubmit {
    margin-left:2px;
    width:20px;
    background-size:16px;
}


}

/* LARGE SCREEN */

@media screen and (min-width: 1501px) {

#wwbp_header { height: 100px; }

/* Logo */
#logo { display:inline-block; padding-top:10px; }
/*#logo_image { width:420px; }*/
#logo_caption { font-size:15px; padding-left:10px; line-height:16px;}

/* Navigation */
#nav_links { padding-top:15px; }
div.nav-link { padding-right:15px; }
a.nav-link { font-size:17px; }
.nav-submenu-item { padding:10px 0; }

/* Search */
#search { margin-top:10px;}

#searchform #s{
    font-size: 12px;
    width: 250px;
    height: 18px;
    padding: 2px 2px 2px 5px;
    margin-top:5px;
}

#search_submit_div {
    margin-left:5px;
    margin-top:5px;
}

#searchsubmit {
    width:25px;
    background-size:20px;
}

}