/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here..
 */

/** FONTS s*/


@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700&display=swap');

body {
    font-family: 'Oswald', sans-serif;
    font-size: 20px;
    letter-spacing: 2px;
}



/** Hacks */

.news-recipes .field--type-entity-reference a{
    display: none;
}

.path-frontpage .views-element-container .view-frontpage  {
    display: none;
    background-color: red;
}

.page-node-type-news-recipes .block-views-blockfront-page-news-and-recipes-block-1{
    display: none;
}

.form-actions .btn, .form-actions .btn-group {
    margin-right: 0px;
}

.contact-message-feedback-form {
	display: none;
}
/** Default stuff  */

a {
    color: black;
}

a:hover {
    color: #F39765;
}

img {
    width: 100%;
}

p {
    margin: 0 0 15px;
}

.navbar-default {
    background-color: transparent;
}

.navbar-header {
    width: 100%;
}

.navbar-default {
    border-color: transparent;
}

.path-frontpage .navbar {
    margin-bottom: 8vw;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {

}

.node-16 .content .field--name-body {
    padding-right: 10%;
    padding-left: 10%;
}

/** Header left  */

#block-topsociallinks {
    width: 30%;
    float: left;
}

#block-topsociallinks li{
    display: inline-block;
    margin-right: 15px;
    max-width: 40px;
}

#block-topsociallinks img{
    max-width: 240px;
}

#block-topsociallinks ul, #block-topsociallinks ol {
    margin-bottom: 0px;
}

/** logo  */

.logo {
    width: 40%;
    float: left;
}

.logo img{
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}


/** NAVBAR  */

.navbar-btn {
    margin-top: 0px;
}

.navbar .logo {
    padding-right: 0px;
}

.navbar .navbar-nav {
    text-align: right;
}

.navbar-default .navbar-nav > li > a {
	color: white;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #F39765;
    background-color: transparent;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #F39765;
    background-color: transparent;
}

/** contact email address  */

#block-contactemailaddress {
    width: 30%;
    float: right;
    text-align: right;
    font-size: 30px;
}

/** Mob Navbar Toggle  */

.navbar-toggle {
    position: relative;
    float: right;
    padding: 20px 20px;
    margin-right: 0px;
    margin-top: 14px;
    background: url("../images/hamburger-backround.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 60px;
    color: white;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: transparent;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: white;
}

.navbar-default .navbar-toggle {
    border-color: transparent;
}

/** Top banner  */

#block-bannerstatment {
    padding: 1% 15% 5% 15%;
}


/** Block Products   */

.page-node-type-product .block-views-blockfront-page-news-and-recipes-block-1 {
	margin-top: -20vw;
}

.node-6 .field--name-field-image .img-responsive {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 13%;
}

.node-7  .field--name-field-image .img-responsive {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10%;
}

.node-8 .field--name-field-image .img-responsive {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}

.node-9 .field--name-field-image .img-responsive {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

#block-products {
    height:auto;
    margin-top: 5vw;
}

.everyday-loaf-wrapper, .sourdough-bloomer-wrapper, .sub-rolls-wrapper, .burger-buns-wrapper, .toasting-loaf-wrapper  {
    position:relative;
    margin: 0 auto;
    width:68vw;
    height:40vw;
}

.everyday-loaf-title, .sourdough-bloomer-title, .sub-rolls-title, .burger-buns-title, .toasting-loaf-title {
    position: absolute;
    z-index: 3333;
}

.everyday-loaf-product, .sourdough-bloomer-product, .sub-rolls-product, .burger-buns-product, .toasting-loaf-product {
    position: absolute;
    z-index: 4444;
}

.everyday-loaf-wrapper a, .sourdough-bloomer-wrapper a, .sub-rolls-wrapper a, .burger-buns-wrapper a, .toasting-loaf-wrapper a {
    /**  width: 12vw; */
    width: 14vw;
    background-color: black;
    padding: 1vw;
    font-size: 1.8vw;
    color: white;
    text-align: center;
    font-weight: bold;
    display: block;
    position: absolute;
    text-decoration: none;
    z-index: 4444;
}

.everyday-loaf-brushstroke, .sourdough-bloomer-brushstroke, .sub-rolls-brushstroke, .burger-buns-brushstroke, .toasting-loaf-brushstroke {
    position: absolute;
    z-index:2222;
}

.everyday-loaf-backround, .sourdough-bloomer-backround, .sub-rolls-backround, .burger-buns-backround, .toasting-loaf-backround {
    position: absolute;
    z-index:1111;
}

/**  Everyday Loaf - Block Products  */

.everyday-loaf-title {
    width: 18vw;
    top:1.5vw;
    left:3vw;
}

.everyday-loaf-product {
    width: 40vw;
    top:15vw;
    left:5vw;
}

.everyday-loaf-wrapper a {
    top:18vw;
    right:1vw;
}

.everyday-loaf-brushstroke {
    width: 50vw;
    top:25vw;
    left:0;
}

.everyday-loaf-backround {
    top:0;
    left:21vw;
    width: 42%;
}

/** Sourdough Bloomer -Block Products   */

.sourdough-bloomer-wrapper {
    top:-15vw;
}

.sourdough-bloomer-title {
    width: 18vw;
    top:1.5vw;
    right:-2vw;
}

.sourdough-bloomer-product {
    width: 48vw;
    top:15vw;
    right:-14vw;
}

.sourdough-bloomer-wrapper a {
    top: 24vw;
    left: 6vw;
}

.sourdough-bloomer-brushstroke {
    width: 39vw;
    top: 29vw;
    right: -3vw;
}

.sourdough-bloomer-backround {
    top: 8vw;
    left:23vw;
    width: 46%;
}

/** Block Products - Sub Rolls   */

.sub-rolls-wrapper {
    top:-19vw;
}

.sub-rolls-title {
    width: 18vw;
    top: 0vw;
    left: 2.6vw;
}

.sub-rolls-product {
    width: 33vw;
    top:15vw;
    left:5vw;
}

.sub-rolls-wrapper a {
    top: 23vw;
    right: 1vw;
}

.sub-rolls-brushstroke {
    width: 52vw;
    top: 4vw;
    left: -7vw;
}

.sub-rolls-backround {
    top: 7vw;
    left: 3vw;
    width: 54%;
}

/** Burger Buns -Block Products   */

.burger-buns-wrapper {
    top: -28vw;
}
/** 
.burger-buns-title {
    width: 18vw;
    top:1.5vw;
    right:-5vw;
}
*/
.burger-buns-title {
    width: 16vw;
    top:0vw;
    right:-5vw;
}

/** 
.burger-buns-product {
    width: 41vw;
    top: 15vw;
    right: -5vw;
}
*/

.burger-buns-product {
    width: 41vw;
    top: 16vw;
    right: -5vw;
}

.burger-buns-wrapper a {
    top: 20vw;
    left: 9vw;
}

.burger-buns-brushstroke {
    width: 49vw;
    top: 29vw;
    left: 28vw;
}

.burger-buns-backround {
    top: -2vw;
    left: 30vw;
    width: 61%;
}


/**  Toasting Loaf - Block Products  */

.toasting-loaf-wrapper {
    top: -39vw;
}

.toasting-loaf-title {
    width: 18vw;
    top: 1.5vw;
    left: 0;
}

.toasting-loaf-product {
    width: 50vw;
    top: 15vw;
    left: -6.5vw;
}

.toasting-loaf-wrapper a {
    top: 22vw;
    right: 1vw;
}

.toasting-loaf-brushstroke {
    width: 42vw;
    top: 20.6vw;
    left: -4vw;
}

.toasting-loaf-backround {
    top: -1vw;
    left: -0.3vw;
    width: 57%;
}



/** Latest News Block - TASTE THESE BEAUTIES   */

 .path-frontpage .block-views-blockfront-page-news-and-recipes-block-1 {
    margin-top: -25vw;
}

.block-views-blockfront-page-news-and-recipes-block-1 {
    clear: both;
    text-align: center;
    display: block;
    clear: both;
}


.view-front-page-news-and-recipes .views-row {
    width: 30%;
    display: inline-block;
    padding: 3vw 3vw 1vw 3vw;
}

.view-front-page-news-and-recipes img{
    display: inline-block;
    border: 8px solid #F39765;
}

.view-front-page-news-and-recipes {
    text-align: center;
    margin-left: 8%;
    margin-right: 8%;
    text-align: center;
    display: block;
    margin-bottom: 10vw;
    border-top: 1px transparent;
    background: url("../images/insta-background.png");
    background-size: 90%;
    background-repeat:no-repeat;
    background-position:center bottom;
    padding: 1vw 3vw 7vw 3vw;
    clear: both;
}



.node-14 .block-views-blockfront-page-news-and-recipes-block-1 {
	margin-top: 250px;
}


/** Mailchimp Sign Up   */

.view-id-frontpage .views-row {
    width: 30%;
}
/** klaviyo Sign Up   */
#mc-embedded-subscribe button.needsclick.go332817621.kl-private-reset-css-Xuajs1 {
    font-weight: 700 !important;
}
/** Mailchimp Sign Up   */

#block-letsbefriends {
    text-align: center;
    margin-left: 30%;
    margin-right: 30%;
    font-weight: bold;
    margin-bottom: 10vw;
    display: block;
    clear: both;
}

.path-news-and-recipes #block-letsbefriends {
    padding-top: 100px;

}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    background-color: #F39765;
    padding: 10px;
}

input, button, select, textarea {
    padding: 10px;
    border: 3px solid #F39765;
    margin-left: -10px;
}

/** Tag Us In - FOOTER SOCIAL  */

#block-footerblock {
    text-align: center;
    margin-left: 30%;
    margin-right: 30%;
    margin-bottom: 10vw;
}



#block-footerblock li{
    display: inline-block;
    margin: 10px 5px 10px 5px;
    max-width: 40px;
}


#block-footerblock img{
    max-width: 240px;
}


#block-footerblock ul {
    margin-bottom: 0px;
    padding-left: 0;
}



/** FOOTER SOCIAL  */

#block-whitefooterlogo img {
    max-width: 380px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 240px;
}

/** FOOTER  */

.footer {
    background: url("../images/footer-backround.jpg");
    background-position: 50% 0%;
    border-top: 1px transparent;
    color: #F39765;
    background-repeat: no-repeat;
}


.footer a {
    color: #F39765;
}

.footer a:hover, .footer a:focus {
    color: #F39765;
    text-decoration: underline;
}

.footer .nav > li > a:hover, .footer .nav > li > a:focus {
    background-color: transparent;
    text-transform: uppercase;
}

.menu--footer li{
    display: inline-block;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px 10px 0px;
    text-transform: uppercase;
}


/**********  footer  *************/

.menu--footer {
    position: relative;
    margin: 0 auto;
    width: 68vw;
    border-bottom: 3px solid #F39765;
}

.block-copyright-footer{
    padding-top: 5px;
    position: relative;
    margin: 0 auto;
    width: 68vw;
    font-size: 13px;
}

#block-babygiantfooterright {
    padding-top: 8px;
    position: relative;
    margin: 0 auto;
    width: 68vw;
    text-align: right;
    font-size: 13px;
    top: -26px;
}



.region-content {
    clear: both;
}


/** Product Page */

.region-content .product {
    padding: 5% 15% 5% 15%;
}

.page-node-type-product .page-header {
    display: none;
}



.product .field--name-field-header-image- {
    width: 20vw;
    margin: 60px auto;
}

.product .field--name-body {
    padding: 1% 8% 5% 8%;
    text-align: center;
}

.product .field--name-body img{
    width: 38px;
    padding-bottom: 8px;
    margin: 0 5px;
}

.field--name-field-buy-now a{
    width: 12vw;
    background-color: black;
    padding: 1vw;
    font-size: 1.8vw;
    color: white;
    text-align: center;
    font-weight: bold;
    display: block;
    text-decoration: none;
    z-index: 4444;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    clear: both;
    margin-bottom: 400px;
}

/** Product Page Table */

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 8px 8px 15px 8px !important;
}

th {
    text-align: center;
}

thead {
    margin-top: 10px;
}

.field--name-field-nutritional-information-ta tr {
    background: url("../images/table-border.png");
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: 96% 15%;
}


.table-responsive {
    border-bottom-color: transparent;
    border: 1px solid transparent;
    text-align: center;
    font-weight: bold;
}

.field--name-field-nutritional-information-ta {
    text-align: center;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    font-size: 1.8vw;
    background-image: url("../images/top-table.png"), url(../images/bottom-table.png), url(../images/left-table.png), url(../images/right-table.png), url(../images/table-border-vertical.png);
    background-position: center top, center bottom, left center, right center, 70% 50%;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
    background-size: 100% 6%, 100% 6%, 3% 95%, 3% 95%, 1.2% 92%;
    padding-top: 3vw;
    padding-bottom: 3vw;
    margin: 0 5%;
}

.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: transparent;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid transparent;
}

.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid transparent;
}

/** News Articles List Page */

.view-news-and-recipes .view-content {
    padding: 1% 13% 5% 13%;
    display: block;
}

.form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {
    display: none;
}

.view-news-and-recipes .view-filters {
    margin-top: 50px;
    text-align: center;
    background: url("../images/news_menu_backround.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 355px;
}

.view-news-and-recipes .control-label {
    margin-top: 20px;
    padding: 24px 27px 20px 20px !important;
    text-transform: uppercase;
    font-weight: 900;
    background: url("../images/news_menu_rightgraphic.png");
    background-position: 100% 70%;
    background-repeat: no-repeat;
    background-size: 4.9px;
    text-align: center;
	color: #F39765;
}

.view-news-and-recipes .control-label a {
	 
}

.view-news-and-recipes .control-label a:hover {
	
}

.view-news-and-recipes .field--name-node-title {
    text-align: center;
    font-size: 20px;
    height: 30px;
}

.view-news-and-recipes .field--name-node-title a{
    font-size: 20px;
    text-decoration: none;
    font-weight: 900;
}

.view-news-and-recipes .views-row  {
    width: 33%;
    float: left;
    padding: 1.7vw 1.7vw 1vw 1.7vw;
    margin-bottom: 4vw;
}

.field--name-node-title h2 {
    margin-top: 10px;
    font-weight: 300;
}

.view-news-and-recipes .views-row .img-responsive img {

}

.view-news-and-recipes .img-responsive  {
    border: 8px solid #F39765;
}


/** News Articles */

.news-recipes {
    padding: 5% 15% 5% 15%;
}


.bottom_section_container {
    clear: both;
    padding-top: 50px;
}

.news-recipes .field--name-field-blog-image {
    width: 45%;
    float: left;
    padding-right: 30px;
}

.right_hand_group {
    width: 55%;
    float: right;
}

.page-node-type-news-recipes .page-header{
    width: 55%;
    float: right;
    margin-top: 40px;
    font-size: 20px;
}

.news-recipes .field--name-field-ingredients {
    width: 45%;
    float: left;
    padding-right: 40px;
    background: url("../images/right_news_lines.png");
    background-repeat: repeat;
    background-size: auto;
    background-position: 93% 1%;
    background-size: 1.3% 100%;
    background-repeat: no-repeat;
    font-weight: 200;
}

.news-recipes .field--name-field-ingredients .field--label {
    text-transform: uppercase;
    margin-bottom: 30px;
}

.news-recipes .field--name-field-sub-header {
    width: 100%; 
    float: left;
    font-weight: 200;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 10px;
    background: url("../images/blog_underline.png");
    background-position: 50% 0%;
    background-size: 100%;
    background-repeat: no-repeat;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 0px;
}

.news-recipes .field--name-field-badge-image  {
    width: 5vw;
    margin-right: 2vw;
    display: block;
}


.news-recipes .field--name-field-quote, .news-recipes .field--name-field-serves, .news-recipes .field--name-field-ready-in {
    width: 100%; 
    float: left;
    font-weight: 200;
}

.field--name-field-quote {
    margin: 0px 0px 18px 0px;
    font-weight: 300;
    background: url("../images/blog_underline.png");
    background-position: 50% 0%;
    background-size: 100%;
    background-repeat: no-repeat;
    padding-top: 20px;
    letter-spacing: 1px;
    margin-top: 15px;

}

.field--name-field-serves  {
    background: url("../images/blog_underline.png");
    background-position: 50% 0%;
    background-size: 100%;
    background-repeat: no-repeat;
    padding-top: 20px;
}


.field--name-field-serves .field--label, .field--name-field-ready-in .field--label, .news-recipes .field--name-body .field--label{
    text-transform: uppercase;
}

.field--name-field-serves .field--item, .field--name-field-ready-in .field--item {
    color: #F39765;
    font-weight: 700 !important;
}


.news-recipes .field--name-body .field--label {
    margin-bottom: 30px;
}

.news-recipes .field--name-body {
    width: 55%; 
    float: left;
    margin-bottom: 40px;
    font-weight: 200;
}

.news-recipes .field--name-body .field--item {
}

.news-recipes .field--name-body .field--item p{  
}



/** News Articles - Related  Recipies */


.block-views-blockrelated-recipies-block-1 {
    background: url("../images/blog_underline_long.png");
    background-position: 50% 0%;
    background-repeat: no-repeat;
    margin: 1% 13% 5% 13%;
    background-size: 96%;
}

.block-views-blockrelated-recipies-block-1 .block-title {
    text-align: center;
    padding-top: 30px;
    color: #F39765;
    margin-bottom: 40px;
}

.view-related-recipies .layout {
    width: 33%;
    float: left;
    text-align: center;
    padding: 2vw;
}

.view-related-recipies .layout img{
    border: 8px solid #F39765;
}


.view-related-recipies  a {
    font-size: 20px;
    letter-spacing: 2px;
    text-decoration: none;
    font-weight: 500;
}



.view-related-recipies ol, .view-related-recipies ul  {
    padding-left: 0em;
}

li {
    list-style-type: none;
}

/** About  */

.page-node-type-page .region-header {
    display: none;
}


.page-node-type-page  .content {
    padding: 1% 20% 5% 20%;
    text-align: center;

}


.page-node-type-page img {

}

.top-image-about  {
    width: 60%;
    margin-top: 60px;
}

.other-image-about {
    width: 40%;
    margin-top: 10%;
}




/** FAQs */


.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid black;
    background: black;
}

.node-17 .field--label {
    font-size: 30px;
    margin-bottom: 60px;
}

.ui-widget-content {
    border: 1px solid transparent;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 1.2em;
}


.node-17 .field--type-text-with-summary h2 {
    margin-bottom: 60px;
}

/** Ts Cs - Privacy Policy  */

.node-15  .content, .node-16 .content {
    text-align: left !important;
    margin-top: 30px;
}

.node-15 .field--label {
    margin-bottom: 40px !important;
}

.node-16 .content td {
    padding: 15px;
}

/** Contact Us */

#edit-preview {
    display: none;
}

#block-contacttext .region-content .block-block-content {
    padding: 1% 15% 5% 15%;
    text-align: center;
}

#block-contacttext .field--name-body {
    padding: 6% 25% 6% 25%;
    text-align: center;
    font-weight: 600;
}

#block-address {
    text-align: center;
}

.path-contact .contact-message-feedback-form {
    padding: 1% 30% 5% 30%;
    text-align: center;

    background: url("../images/blog_underline_long.png");
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: 70%;

}


#block-address {
    margin: 60px 0px;
    padding-bottom: 60px;
    font-weight: 600;
    background: url("../images/blog_underline_long.png");
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: 70%;
}



.field--name-field-vegan .field--item {
    float: left;
}
.table-hover > tbody > tr:hover{
    background-color: transparent;
}


.contact-message-feedback-form .btn-primary{
    background-color: #F39765 !important;
    border-color:  #F39765 !important;
    width: 100%;
    border-radius: 0px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 20px;
}

.form-control {
    border-radius: 0;
    background-color: #CFCFCF;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    height: 44px;
    text-transform: uppercase;
}

.dialog-off-canvas-main-canvas .form-actions  .btn, .dialog-off-canvas-main-canvas .form-actions .btn-group {
    margin-right: 10px;
}


   /** Mob Navbar Toggle  */
.navbar-header .navbar-toggle {
	display: block;
}
.navbar-header .navbar-toggle[aria-expanded="true"] {
	z-index: 99999;
	position: fixed;
	right: 16px;
   


}


    .navbar .collapse {
        display: block;
    }

    .navbar .navbar-nav > li {
        float: none;
    }
    .navbar .navbar-nav {
        float: right;
    }

    .navbar-collapse {
        display: block !important;
    }
    .navbar .navbar-collapse.in {
        display: block !important;
    }
    
  .navbar .navbar-collapse {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    right: -255px;
    width: 255px;
    height: 100% !important;
    top: 0;
    z-index: 9999;
    background:  #202020;
    position: fixed;
    padding-top: 100px;
    margin: 0;
}
.navbar .navbar-collapse.in {
	right: 0px;
}  
.faqs .content .ui-accordion .ui-accordion-content {
	height: auto !important;
}
/**********  Start Responsive here  *************/

@media (max-width: 1200px) {
    /** Recipes List Page */
    .news-recipes {padding: 1% 4% 5% 4%;}
    .block-views-blockrelated-recipies-block-1 {margin: 1% 4% 5% 4%;}


}


@media (max-width: 1000px) {
    #block-letsbefriends {margin-left: 25%;margin-right: 25%;}

    /** Recipes List Page */
    .view-news-and-recipes .views-row  {width: 50%;}
    .view-news-and-recipes .field--name-node-title a{font-size: 18px;}
}

/**********  Start Responsive here  *************/
@media (max-width: 767px) {

    /** News Articles */

    body {
        font-size: 18px;
    }

    /** News Articles */
    .news-recipes .field--name-field-blog-image {width: 100%;   padding-right: 0px;}
    .right_hand_group {width: 100%;}
    .news-recipes .field--name-field-ingredients {width: 100%;padding-right: 0px; background: none;}
    .news-recipes .field--name-body {margin-top: 40px;width: 100%;}
    .view-related-recipies .layout { padding: 1vw; }
    .block-views-blockrelated-recipies-block-1 {background: url("../images/blog_underline.png");background-position: 50% 0%;background-repeat: no-repeat;margin: 1% 13% 5% 13%;background-size: 96%;}
    .news-recipes .field--name-field-badge-image {width: 10vw;}
    .view-related-recipies .layout {width: 100%; margin-bottom: 60px;}
    /** Default stuff  */
    .navbar {margin-bottom: 2vw;}
    .navbar-toggle { position: relative; float: right; padding: 20px 20px;}

    /** Header left  */
    #block-topsociallinks ul, #block-topsociallinks ol {padding: 5vw 0px 0px 3vw ;}
    #block-topsociallinks li { margin-right: 1vw; max-width: 5vw; }
    .top-hashtag{ display: none; }

    /** logo  */
    .logo img { padding-top: 15px; }

    /** Mob Navbar Toggle  */
    .navbar-toggle {position: relative;float: right;padding: 20px 20px;margin-right: 0px; background-size: 45px;}

    /** Top banner  */
    #block-bannerstatment {padding: 1% 0% 5% 0%;}

    /** Product Page */
    .region-content .product {padding: 1% 1% 5% 1%;}

    .product .field--name-body {padding: 1% 1% 5% 1%;text-align: center;}

    /** Recipes List Page */
    .news-recipes {padding: 1% 1% 5% 1%;}
    .block-views-blockrelated-recipies-block-1 {margin: 1% 0% 5% 0%;}
    .view-news-and-recipes .views-row  {width: 50%;}
    .view-news-and-recipes .field--name-node-title {font-size: 15px;height: 50px;margin-bottom: 20px;}

    /** Recipes Page */
    .view-news-and-recipes .view-content {padding: 1% 1% 5% 1%;}

    /** Block Products   */
    .everyday-loaf-wrapper, .sourdough-bloomer-wrapper, .sub-rolls-wrapper, .burger-buns-wrapper, .toasting-loaf-wrapper {width: 80vw;}
    #block-letsbefriends, #block-footerblock {margin-left: 1%;margin-right: 1%;}
    .everyday-loaf-wrapper, .sourdough-bloomer-wrapper, .sub-rolls-wrapper, .burger-buns-wrapper, .toasting-loaf-wrapper  {margin-top: 10vw;margin-bottom: 6vw;height:40vw;}
    #block-babygiantfooterright {text-align: left;top: 0px;}

    /** TASTE THESE BEAUTIES   */
    .view-front-page-news-and-recipes {text-align: center;margin-left: 0%;margin-right: 0%;padding: 1vw 3vw 17vw 3vw;}
    .view-front-page-news-and-recipes .views-row {width: 100%;padding: 3vw 0vw 1vw 0vw;}

    /** contact email address  */
    #block-contactemailaddress {font-size: 3vw;padding: 5vw 2px 0px 0vw;}
    #block-products {margin-top: 2vw;}
    .everyday-loaf-wrapper a, .sourdough-bloomer-wrapper a, .sub-rolls-wrapper a, .burger-buns-wrapper a, .toasting-loaf-wrapper a {width: 22vw;background-color: black;padding: 1vw 1vw;font-size: 3.3vw;}

    /** Sourdough Bloomer -Block Products   */
    .sourdough-bloomer-title {width: 18vw;top:1.5vw;right:-2vw;}
    .sourdough-bloomer-product {width: 48vw;top:15vw;right: -9vw;}
    .sourdough-bloomer-brushstroke {width: 39vw;top: 29vw;right: 5vw;}

    /** News Articles List Page */
    .view-news-and-recipes .control-label {margin-top: 20px;    padding: 0px 27px 5px 20px !important;  background: none;}
    .view-news-and-recipes .view-filters {margin-top: 20px;text-align: center;background: none;}
    .bef-exposed-form .form--inline .form-item {float: none;background: url("../images/news_menu_backround.png");background-repeat: no-repeat;background-size: 190px;background-position: 50% 90%;}


    /** Product Table Page */

    .field--name-field-nutritional-information-ta {
        font-size: 3.8vw;
        background-image: url("../images/top-table.png"), url(../images/bottom-table.png), url(../images/left-table.png), url(../images/right-table.png), url(../images/table-border-vertical.png);
        background-position: center top, center bottom, left center, right center, 70% 50%;
        background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
        background-size: 100% 4%, 100% 4%, 3% 95%, 3% 95%, 1.2% 92%;
        padding-top: 3vw;
        padding-bottom: 3vw;
    }

    .field--name-field-buy-now a {width: 35vw; font-size: 6vw;}

    /** Product Table Page */
    .product .field--name-field-header-image- {width: 50vw;}


    /** Contact Us */


    #block-contacttext .field--name-body {
        padding: 6% 5% 10% 5%;
    }

    .path-contact .contact-message-feedback-form {

        padding: 1% 5% 5% 5%;
    }


    .path-contact .contact-message-feedback-form {

        background-repeat: no-repeat;
        background: url("../images/blog_underline.png");
        background-position: 50% 100%;

        background-repeat: no-repeat;

        background-size: 100%;
    }


    #block-address {
        margin: 60px 0px;
        padding-bottom: 60px;
        font-weight: 600;
        background: url("../images/blog_underline.png");
        background-position: 50% 100%;
        background-repeat: no-repeat;
        background-size: 100%;
    }

.navbar-header .navbar-toggle[aria-expanded="true"] {
	right: 31px;
	top: 1px;
}

.field--name-field-nutritional-information-ta {
    margin: 0 0;
}

  /** About */
.page-node-type-page .content {
    padding: 1% 5% 5% 5%;
    text-align: center;
}

  /** About */
.top-image-about, .other-image-about {
    width: 95%;
    margin-bottom: 20px;
}


}


/**********  Start Responsive here  *************/
@media (max-width: 600px) {

    /** Mob Navbar Toggle  */
    .navbar-toggle { background-size: 47px;}


    .node-16 .content .field--name-body {
    padding-right: 0;
    padding-left: 0;
}

}


 




/**********  Start Responsive narrow here  *************/
@media (max-width: 400px) {
    /** Block Products   */
    .everyday-loaf-wrapper a, .sourdough-bloomer-wrapper a, .sub-rolls-wrapper a, .burger-buns-wrapper a, .toasting-loaf-wrapper a {
    }
    /** Block Products   */
    button, html input[type="button"], input[type="reset"], input[type="submit"] {
        background-color: #F39765;
        padding: 10px;
        margin-top: 15px;
    }

    /** Product List Page */
    .view-news-and-recipes .views-row  {width: 100%; margin-bottom: 10vw; }

    /** Recipes List Page */
    .view-news-and-recipes .field--name-node-title {height: auto;}




}