/*
Theme Name: 	The Address
Theme URI: 		http://TheAddressHouston.com
Author: 		LocalEdge
Author URI: 	http://LocalEdge.com
Description:	Child Theme for Betheme - The Address
Template:		betheme
Version: 		1.6.1
*/

/* Theme customization starts here
-------------------------------------------------------------- */

/* General 
-------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css?family=Barlow+Condensed');
@import url('https://fonts.googleapis.com/css?family=Barlow');

@import url('https://netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css');

html, body { min-height: 100%; }

body{
    background-image:url(/wp-content/uploads/2018/01/Texture-BG.jpg);
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    background-attachment: fixed;
}


#Content {
    padding-top: 60px;
}

.myclass {
    margin-bottom: -6px;
}

#Top_bar .menu > li > a span {
    font-style: italic;
}

#Top_bar .menu > li.current-menu-item > a, #Top_bar .menu > li.current_page_item > a {
    font-weight: bold;
}

.image_frame .image_wrapper {
    border: 5px solid #ebcc84;
}

input[type="submit"] {
    background-color: rgba(0,0,0,0) !important;
}

input[type="text"], textarea, select {

    background-color : transparent !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 2px solid #9d1c33 !important;
    color: #ebcc84 !important; 
  
}

input[type="text"]:focus, textarea:focus, select:focus {
    background-color : transparent !important;
}

#Side_slide, #Side_slide .search-wrapper input.field, #Side_slide a:not(.button), #Side_slide #menu ul li.submenu .menu-toggle {
    color: #ebcc84 !important; 
}

.gform_wrapper .top_label .gfield_label {
    color: #ebcc84;
}

.gform_wrapper h3.gform_title {
    text-align: center;
}

.gform_wrapper .gform_footer {
    text-align: center;
}

.icon-bag-fine:before, .icon-search-fine:before {
    color: #ebcc84
}

/* Home Page
-------------------------------------------------------------- */

#slider_95 .owl-item {
    margin-bottom: -7px;
}

#slider_96 .owl-item {
    margin-bottom: -2px;
}

.mainBannerWrapper{
    width:100%;
    display: block;
    position: relative;
    margin-bottom: -5px;
    z-index: 20;
}


.fp-hero img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    z-index: 0;
}

.fp-hero-reserve {
    position: absolute;
    bottom: 85px;
    right: 100px;
}

.fp-hero-reserve p {
    font-family: 'Barlow', sans-serif;
    font-size: 29px;
    line-height: 37px;
    font-weight: bold;
}

.fp-hero-reserve a, .fp-hero-reserve a:hover, .fp-hero-reserve a:visited {
    font-family: 'Barlow', sans-serif;
    padding: 5px;
    font-size: 20px;
    line-height: 37px;
    font-weight: bold;
    color: white;
    text-decoration: none;
    border: solid 2px white;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.fp-hero-reserve-mini {
    display: none;
}

.fp-hero-title {
    position: absolute;
    transform: rotate(270deg);
    bottom: 355px;
    right: -355px;
    white-space: nowrap;
}

.fp-hero-title h1 span {
    color: #9d1c33;
}

.fp-hero-title span {
    color: #9d1c33;
}

.fp-hero-title h1 {
    color: white;
    font-size: 83px;
    letter-spacing: 3px;
    margin-left: 10px;
}

.fp-slider {
    height: 100px;
}

.WYD {
    margin-top: 15%;
    padding: 0px 20px;
}

.WYD h1 {
    font-size: 58px;
    margin-bottom: 30px !important;
    color: #ebcc84;
}

.WYD p {
    font-size: 22px;
    line-height: 22px;
}

.brunch .trailer_box .desc {
    top: 1px;

}

.happyhour .trailer_box .desc {
    top: 42%;
}


.brunch .trailer_box .desc h2 {
    text-align: left;
    padding-top: 10px;
    padding-left: 10px;
}

.happyhour .trailer_box .desc h2 {
    text-align: center;
}

.events .trailer_box .desc h2 {
    text-align: right;
    padding-bottom: 10px;
    padding-right: 10px;
}


.trailer_box:hover .desc h2 {
    bottom: 0px !important;
}

.trailer_box .desc .line {
    display: none;
}

.trailer_box img {
    filter: opacity(.9);
}

.column_sidebar_widget .widget {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

#mainCallouts h2 { 
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 500;
    letter-spacing: 0px; 
    line-height: 70px;
    font-size: 88px; 
    padding-right: 10px;
    color: white;
 }


/*
.happyhour img {
    max-height: 482px;
}
*/





.brunch .trailer_box  { 
    box-sizing: border-box; 
    border: solid #ebcc84; 
    border-width: 10px 5px 10px 10px;
}

.happyhour .trailer_box  { 
    box-sizing: border-box; 
    border: solid #ebcc84; 
    border-width: 10px 5px 10px 5px;
    padding-left: 5px;
}

.events .trailer_box  { 
    box-sizing: border-box; 
    border: solid #ebcc84; 
    border-width: 10px 10px 10px 5px;
}

@media (max-width: 767px) {
    .brunch .trailer_box,
    .happyhour .trailer_box,
    .events .trailer_box { 
        box-sizing: border-box; 
        border: solid #ebcc84; 
        border-width: 10px 10px 10px 10px;
        margin-bottom: 10px;
    }

    .trailer_box.plain {
        text-align: center;
    }

}


/*
.trailer_box { box-sizing: border-box; border: solid #ebcc84; border-width: 10px 0px; }
.trailer_box:first-child { box-sizing: border-box; border: solid #ebcc84; border-width: 10px 10px; }
.trailer_box:last-child { box-sizing: border-box; border: solid #ebcc84; border-width: 10px px 10px 0px; }
*/

.trailer_box .desc { padding: 0 !important;}
.trailer_box:hover .desc { background-color: rgba(0,0,0,0) !important; }

/* Employment Page
-------------------------------------------------------------- */
#employment input[type="text"],
#employment select {
    border: 1px solid white !important;
    border-radius: 10px;
    padding: 10px;
    line-height: normal;
}

#employment .gfield_label {
    font-weight: 300;
    color: white;
}

#employment #gform_3 input[type="submit"] {
    background-color: none;
    border-radius: 10px;
    border: 1px solid white;
}

/* Newsletter Page
-------------------------------------------------------------- */
#newsletter-form input[type="text"],
#newsletter-form select {
    border: 1px solid white !important;
    border-radius: 10px;
    padding: 10px;
    line-height: normal;
}

#newsletter-form .gfield_label {
    font-weight: 300;
    color: white;
}

#newsletter-form #gform_4 input[type="submit"] {
    background-color: none;
    border-radius: 10px;
    border: 1px solid white;
}

/* Reservation Page
-------------------------------------------------------------- */
#res {
    color: #ebcc84; 
    font-size: 92px;  
    text-transform: uppercase; 
    padding: 50px 0 0 10px; 
    line-height: 92px;}

#reservation-form {
    margin: 0px 30px;
}

#reservation-form .gfield_label {
    font-weight: 300;
    color: white;
}

#reservation-form input[type="text"],
#reservation-form select,
#reservation-form #bottle-service {
    border: 1px solid white !important;
    border-radius: 10px;
    padding: 10px;
    line-height: normal;
}

#reservation-form .gform_wrapper .gform_footer {
    text-align: left;
}

#reservation-form .woocommerce-grouped-product-list-item__label label {
    text-align: left;
}

#reservation-form .woocommerce-grouped-product-list .quantity input {
    margin-bottom: 0 !important;
    color: #fff !important;
}

/*
#reservation-form input[type="radio"] {
    background: white;
    width: 16px !important;
    height: 16px;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none !important;
    -moz-appearance: none;
    appearance: none;
    margin-left: 5px;
}

#reservation-form input[type="radio"]:checked {
    background-color: red;
    font-family: 'FontAwesome';
    display: inline-block;
    content: "\f00c";
}
*/

#reservation-form input[type="radio"] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

#reservation-form input[type="radio"] ~ label:before {
    font-family: FontAwesome;
    display: inline-block;
    content: "\f096";
    letter-spacing: 10px;
    font-size: 2em;
    color: white;
    width: 1.4em;
}

#reservation-form input[type="radio"]:checked ~ label:before {
    content: "\f00c";
    font-size: 20px;
    color: #9d1c33 !important;
    letter-spacing: 5px;
}

#reservation-form .ginput_container_select,
#reservation-form .ginput_container_date {
    position: relative;
}

#reservation-form .ginput_container_date:after {
    content:"\f073";
    font-family: "FontAwesome";
    font-size: 20px;
    color: #aaa;
    right: 8px;
    top: 8px;
    padding: 0 0 2px;
    position: absolute;
    pointer-events: none;
}

#reservation-form .ginput_container_select:before {
    content:'';
    right:4px; top:0px;
    width:23px; height:18px;
    /*background:#fff;*/
    position: absolute;
    pointer-events: none;
    display: block;
}

#reservation-form .ginput_container_select:after {
    content:"\f078";   
    font-family: "FontAwesome";
    font-size: 20px;
    color:#aaa;
    right: 8px; 
    top: 8px;
    padding: 0 0 2px;
    position: absolute;
    pointer-events: none;
}

#reservation-form .ginput_container_select:before {
    content:'';
    right:4px; top:0px;
    width:23px; height:18px;
    /*background:#fff;*/
    position: absolute;
    pointer-events: none;
    display: block;
}

#reservation-form .gform_wrapper .top_label input.medium.datepicker {
    width: 100% !important;
}

#reservation-form .gform_wrapper .top_label input.medium.datepicker::placeholder,
#reservation-form .gform_wrapper .top_label input.medium.datepicker:-ms-input-placeholder {
    color: #ebcc84 !important;
}

select.ui-datepicker-month, select.ui-datepicker-year {
    color: white;
}

#reservation-form select {
    color:#ebcc84 !important;
}

.ui-tabs .ui-tabs-panel {
    text-align: center;
}

/*
.ui-tabs .ui-tabs-panel img {
    height: 578px !important;
}
*/

#reservation-form input[type="submit"],
#reservation-form button[type="submit"] {
    background-color: #ebcc8466;
    border-radius: 10px;
    border: 1px solid white;
}

body .gform_wrapper ul li.field_description_below div.ginput_container_radio {
    margin-top: 0px !important;
}

#reservation-form .single-product .product .summary { 
    width: auto; 
}

#reservation-form .single-product .product .post-nav,
#reservation-form .single-product .product_image_wrapper,
#reservation-form .single-product .product_meta,
#reservation-form .single-product .share-simple-wrapper,
#reservation-form .single-product .price,
#reservation-form .single-product .entry-title,
.page-id-79 .fixed-nav {
    display: none;
}

#reservation-form .product .cart .group_table td {
    padding-bottom: 0 !important;
}

#reservation-form #bottle-service {
    height: 226px;
    overflow: auto;
}

#reservation-form .instruction {
    display: none !important;
}

#reservation-form .quantity {
    display: none;
}

#reservation-form .gform_wrapper span.ginput_total {
    color: #0f0a;
    font-size: 125%;
    font-weight: bold;
}

#reservation-form #bottle-service-message {
    color: #fff;
    background: #d00;
    margin-bottom: 10px;
    border-radius: 10px;
    padding: 5px 10px;
    border: 1px solid #fff;
}

#reservation-form #bottle-service input.ginput_quantity {
    margin-bottom: 0;
}

#reservation-form #bottle-service span.ginput_product_price {
    color: #888;
}

#reservation-form #bottle-service .gfield_product_row .gfield_label_td {
    text-align: left;
}

#reservation-form #bottle-service .gfield_product_row .gfield_label_td .gfield_label {
    color: #ebcc84;
    margin: 0;
}

/*
#gform_totals_2 {
    display: none;
}
*/

.return-to-shop {
    display: none;
}

#Side_slide #menu ul li.submenu .menu-toggle {
    font-size: 26px;
    font-weight: 400;  
}

/* Brunch & Menu
-------------------------------------------------------------- */
.menuItemBox {
    border-bottom: 1px solid white;
    padding: 15px 0;
    text-align: left;
    overflow: auto;
}

.menuItemBox-side {
    text-align: left;
    overflow: auto;
}

.menuItemLeft {
    float: left;
    width: 79%;
}

.menuItemName {
    font-weight: bold;
}

/*
.menuItemDescription {
    white-space: pre-line;
}
*/

.menuItemDescription strong span {
    color: #9d1c33;
}

.menuItemPrice {
    font-weight: bold;
    float: right;
    width: 20%;
    text-align: right;
    color: #9d1c33;
}

.drinktitle {
    font-weight: bold;
    text-align: center; 
    color: #9d1c33; 
    margin: 15px;
}

.inline-list {
    text-align: center;
}

.inline-list ul li {
    color: white;
    display: inline;
    margin-left: 10px;
}

.inline-list ul li strong {
    color: #9d1c33;
}

/* New Brunch
-------------------------------------------------------------- */

.brunch-menu-title {
  border: 2px solid white;
  text-align: center;
  color: white;
  margin-top: 30px;
  font-weight: 500;
}

/* Checkout 
-------------------------------------------------------------- */

.woocommerce .shop_table td.actions {
    background: transparent !important;
}

/* Footer
-------------------------------------------------------------- */
.footer-copy-center #Footer .footer_copy .copyright {
    float: left;
}

.footer-copy-center #Footer .footer_copy .social {
    float: right;
}

#Footer .footer_copy, #Footer .widgets_wrapper {
    border-top: 1px solid #ebcc84 !important;
}


/* Responsive
-------------------------------------------------------------- */

@media (max-width: 1430px) {
    .fp-hero-title {
        bottom: 346px;
        right: -350px;
    }

    .fp-hero-title h1 {
        color: white;
        font-size: 82px;
        letter-spacing: 3px;
        margin-left: 10px;
    }
}

@media (max-width: 1410px) {
    .fp-hero-title {
        bottom: 345px;
        right: -345px;
    }

    .fp-hero-title h1 {
        color: white;
        font-size: 81px;
        letter-spacing: 3px;
        margin-left: 10px;
    }
}

@media (max-width: 1400px) {
    .fp-hero-title {
        bottom: 340px;
        right: -345px;
    }

    .fp-hero-title h1 {
        color: white;
        font-size: 80px;
        letter-spacing: 3px;
        margin-left: 10px;
    }
}

@media (max-width: 1380px) {
    .fp-hero-title {
        bottom: 335px;
        right: -335px;
    }

    .fp-hero-title h1 {
        color: white;
        font-size: 78px;
        letter-spacing: 3px;
        margin-left: 10px;
    }
}

@media (max-width: 1360px) {
    .fp-hero-title {
        bottom: 320px;
        right: -320px;
    }

    .fp-hero-title h1 {
        color: white;
        font-size: 74px;
        letter-spacing: 3px;
        margin-left: 10px;
    }
}


@media (max-width: 1300px) {
    .fp-hero-title {
        bottom: 320px;
        right: -310px;
    }

    .fp-hero-title h1 {
        color: white;
        font-size: 72px;
        letter-spacing: 3px;
        margin-left: 10px;
    }
}

@media (max-width: 1290px) {
    .fp-hero-title {
        bottom: 310px;
        right: -318px;
    }

    .fp-hero-title h1 {
        color: white;
        font-size: 72px;
        letter-spacing: 3px;
    }
}

@media (max-width: 1260px) {
    .fp-hero-title {
        bottom: 310px;
        right: -308px;
    }

    .fp-hero-title h1 {
        color: white;
        font-size: 70px;
        letter-spacing: 3px;
    }
}

@media (max-width: 1250px) {
    .fp-hero-title {
        bottom: 300px;
        right: -299px;
    }

    .fp-hero-title h1 {
        color: white;
        font-size: 68px;
        letter-spacing: 3px;
    }
}

@media (max-width: 1230px) {
    .fp-hero-title {
        bottom: 287px;
        right: -298px;
    }

    .fp-hero-title h1 {
        color: white;
        font-size: 68px;
        letter-spacing: 3px;
    }
}

@media (max-width: 1190px) {
    .fp-hero-title {
        bottom: 282px;
        right: -289px;
    }

    .fp-hero-title h1 {
        color: white;
        font-size: 66px;
        letter-spacing: 3px;
    }
}

@media (max-width: 1160px) {
    .fp-hero-title {
        bottom: 278px;
        right: -280px;
    }

    .fp-hero-title h1 {
        color: white;
        font-size: 64px;
        letter-spacing: 3px;
    }
}

@media (max-width: 1145px) {
    .fp-hero-title {
        bottom: 270px;
        right: -260px;
    }

    .fp-hero-title h1 {
        color: white;
        font-size: 59px;
        letter-spacing: 3px;
    }
}

@media (max-width: 1090px) {
    .fp-hero-title {
        bottom: 245px;
        right: -250px;
    }

    .fp-hero-title h1 {
        color: white;
        font-size: 56px;
        letter-spacing: 3px;
    }
}

@media (max-width: 1239px) {
    .gform_wrapper .top_label li.gfield.gf_left_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm),
    .top_label li.gfield.gf_middle_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm),
    .gform_wrapper .top_label li.gfield.gf_right_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm) {
        width: 50% !important;
    }
}

@media (max-width: 1024px) {
    .fp-hero-title {
        bottom: 236px;
        right: -242px;
    }

    .fp-hero-title h1 {
        margin-top: 15px;
        margin-left: 0px;
        font-size: 56px;
        line-height: 58px;
    }

    .fp-hero-reserve {
        position: absolute;
        bottom: 42px;
        right: 50px;
    }

    .fp-hero-reserve p {
        font-family: 'Barlow', sans-serif;
        font-size: 24px;
        line-height: 30px;
        font-weight: bold;
    }

    .WYD h1 {
        font-size: 41px;
        margin-bottom: 30px !important;
        color: #ebcc84;
    }
}

@media (max-width: 1020px) {
    .fp-hero-title {
        bottom: 222px;
        right: -232px;
    }

    .fp-hero-title h1 {
        color: white;
        font-size: 54px;
        letter-spacing: 3px;
    }
}

@media (max-width: 970px) {
    .fp-hero-title {
        bottom: 210px;
        right: -210px;
    }

    .fp-hero-title h1 {
        color: white;
        font-size: 48px;
        letter-spacing: 3px;
    }
}

@media (max-width: 959px) {
    #res {
        color: #ebcc84; 
        font-size: 82px;  
        padding: 50px 0 0 0px; 
        line-height: 82px;
    }
}

@media (max-width: 900px) {
    .fp-hero-title {
        bottom: 188px;
        right: -195px;
    }

    .fp-hero-title h1 {
        color: white;
        font-size: 45px;
        letter-spacing: 3px;
    }
}

@media (max-width: 840px) {
    .fp-hero-title {
        bottom: 170px;
        right: -175px;
    }

    .fp-hero-title h1 {
        color: white;
        font-size: 40px;
        letter-spacing: 3px;
    }
}

@media (max-width: 768px) {
    .fp-hero-title {
        bottom: 175px;
        right: -183px;
    }

    .fp-hero-title h1 {
        margin-top: 15px;
        margin-left: 0px;
        font-size: 41px;
        line-height: 41px;
    }

    .fp-hero-reserve {
        position: absolute;
        bottom: 16px;
        right: 37px;
    }
    
    .fp-hero-reserve p {
        font-family: 'Barlow', sans-serif;
        font-size: 24px;
        line-height: 24px;
        font-weight: 500;
    }

    .fp-hero-reserve a, .fp-hero-reserve a:hover, .fp-hero-reserve a:visited {
        font-family: 'Barlow', sans-serif;
        padding: 5px;
        font-size: 20px;
        line-height: 24px;
        font-weight: 500;
        color: white;
        text-decoration: none;
        border: solid 2px white;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
    }

    #reservation-form #bottle-service {
        height: 135px;
    }

    #mainCallouts h2 {
        font-size: 54px;
        line-height: 54px;
    }

    .brunch .trailer_box .desc h2 {
        padding-top: 0px;
        padding-left: 0px;
    }


}


@media (max-width: 767px) {
    .widget_super_rss_reader {
        margin: 0 20px;
    }

    .fp-hero-title {
        position: initial;
        transform: rotate(0deg);
        text-align: center;
    }

    .fp-hero-title h1 {
        margin-top: 15px;
        margin-left: 0px;
        font-size: 72px;
        line-height: 72px;
    }

    .fp-hero-reserve {
        display: none;
    }

    .fp-hero-reserve-mini {
        display: block;
        text-align: center;
    }

    .fp-hero-reserve-mini p {
        font-family: 'Barlow', sans-serif;
        font-size: 29px;
        line-height: 37px;
        font-weight: bold;
    }
    
    .fp-hero-reserve-mini a, .fp-hero-reserve-mini a:hover, .fp-hero-reserve-mini a:visited {
        font-family: 'Barlow', sans-serif;
        padding: 5px;
        font-size: 20px;
        line-height: 37px;
        font-weight: bold;
        color: white;
        text-decoration: none;
        border: solid 2px white;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
    }

    #res {
        color: #ebcc84; 
        font-size: 57px;  
        padding: 50px 0 0 0px; 
        line-height: 57px;
    }

    .ui-tabs .ui-tabs-nav li a {
        background-image: none;
    } 

    #Action_bar .contact_details, #Action_bar .contact_details a, #Action_bar .social li a, #Action_bar .social-menu a,
    .mobile-tr-header #Action_bar .contact_details li, .mobile-tr-header #Action_bar .social li a, .mobile-tr-header #Top_bar .top_bar_right a {
        color: #ebcc84 !important;
    }

    #Top_bar {
        background: transparent !important;
    }

    .mainBannerWrapper {
        margin-top: 56px;
    }

}

@media (max-width: 640px) {
    .gform_wrapper .top_label li.gfield.gf_left_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm),
    .top_label li.gfield.gf_middle_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm),
    .gform_wrapper .top_label li.gfield.gf_right_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm) {
        width: 100% !important;
    }

    #field_2_5, #field_2_6 {
        width: 50% !important;
        float: left;
        clear: none;
    }

    #field_2_5 .gfield_label,
    #field_2_6 .gfield_label {
        min-height: 30px;
    }

    .gform_wrapper ul.gfield_radio {
        display: flex;
    }
}

@media (max-width: 545px) {
    #res {
        text-align: center;
        color: #ebcc84; 
        font-size: 40px;  
        padding: 50px 0 0 0px; 
        line-height: 40px;
    }
}

@media (max-width: 425px) {
    .fp-hero-title h1 {
        font-size: 41px;
        line-height: 41px;
    }

    .WYD h1 {
        font-size: 33px;
        line-height: 33px;
    }

    .WYD p {
        font-size: 16px;
    }
}

@media (max-width: 411px) {
    .fp-hero-title h1 {
        font-size: 39px;
        line-height: 39px;
    }

    .WYD h1 {
        font-size: 32px;
        line-height: 32px;
    }

    .WYD p {
        font-size: 16px;
    }
}

@media (max-width: 375px) {
    .fp-hero-title h1 {
        font-size: 36px;
        line-height: 36px;
    }

    .WYD h1 {
        font-size: 29px;
        line-height: 29px;
    }

    .WYD p {
        font-size: 16px;
    }
}

@media (max-width: 360px) {
    .fp-hero-title h1 {
        font-size: 35px;
        line-height: 35px;
    }

    .WYD h1 {
        font-size: 28px;
        line-height: 28px;
    }

    .WYD p {
        font-size: 16px;
    }
}

@media (max-width: 320px) {
    .fp-hero-title h1 {
        font-size: 30px;
        line-height: 30px;
    }
    .WYD h1 {
        font-size: 24px;
        line-height: 24px;
    }

    .WYD p {
        font-size: 16px;
    }
}

#Top_bar .menu > li > a span:not(.description){
	padding: 0 17px !important;
}