body, p {margin:0; padding:0; font-family:'droid_sansregular';}

@font-face {
    font-family: 'droid_sansbold';
    src: url('fonts/DroidSans-Bold-webfont.eot');
    src: url('fonts/DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/DroidSans-Bold-webfont.woff2') format('woff2'),
         url('fonts/DroidSans-Bold-webfont.woff') format('woff'),
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'droid_sansregular';
    src: url('fonts/DroidSans-webfont.eot');
    src: url('fonts/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/DroidSans-webfont.woff2') format('woff2'),
         url('fonts/DroidSans-webfont.woff') format('woff'),
    font-weight: normal;
    font-style: normal;

}


/*HEADER GENERIC STYLES*/
#BAG-header {display:grid; grid-auto-flow:column; grid-template-columns:auto 1fr auto; grid-row-gap:1.5rem; padding:1.5em 1em; font-size:14px;}
#BAG-header svg {height:1em; color:#443c36;}
#BAG-header .hidden {display:none !important;}
#BAG-header .icon-style {border:1px solid #c8c4c1; background:#ffffff; color:#443c36; cursor:pointer; min-width:2rem; width:2rem; min-height:2rem; height:2rem; font-size:.75rem; display: flex; align-items: center; justify-content: center; padding:0; border-radius:100%;}
/*HEADER GENERIC STYLES*/


/* LOGO AREA */
#BAG-header #header-logo img {height:32px;}
/* LOGO AREA */


/* SEARCH AREA */
#BAG-header #header-search {order:3; display:grid; grid-auto-flow:column; grid-row-start:2; grid-column-start:1; grid-column-end:3; grid-column-gap:1rem; grid-template-columns:auto 1fr;}
#BAG-header #header-search #burger-menu {height:3rem; width:3rem; background:none;}
#BAG-header #header-search #burger-menu svg {height:1.5em;}
#BAG-header #header-search .header-search-bar {height:3rem; align-items: stretch;}
#BAG-header #header-search form {height:3rem; border-radius:50px; background:#edebe8; margin:0; display:flex; align-items:center; padding:0 0 0 15px;}
#BAG-header #header-search form input {height:100%; background:none; border:none; width:100%; font-size:16px;}
#BAG-header #header-search form svg {margin:.75rem; height:1.2em;}
/* SEARCH AREA */


/* BUTTONS AREA */
#BAG-header #header-buttons {display:grid; grid-auto-flow:column; grid-template-columns:auto; grid-column-gap:12px; justify-content:end; align-items:center;}
#BAG-header #header-buttons .header-got-voucher {border-radius:50px; border:1px solid #00857d; background:#00857d; color:#fff; cursor:pointer; font-size:.75rem; padding:0.5rem .75rem; display:flex; flex-wrap:nowrap; justify-content:center; text-align:center; align-items:center; white-space:nowrap; font-family:'droid_sansbold'; font-weight:400; text-decoration:none; font-size:14px;}
/* BUTTONS AREA */

/*NAV*/
#nav {display:none;}
/*NAV*/

/*PROMO*/
#promo-id {height:2.5rem; background:#443c36; display:flex; flex-direction:row; color:#ffffff; font-family:'droid_sansbold'; font-size:14px; justify-content:center; align-items:center;}
#promo-id svg {height:1em; margin-right:5px;}
/*PROMO*/

/*FOOTER*/
footer {background:#edebe8; display:grid; grid-auto-flow:row; padding:2rem 1.5rem; justify-content:center; text-align:center; font-family:'droid_sansregular'; color:#61554d;}
footer #footer-signup-intro {display:grid; grid-auto-flow:row; grid-row-gap:25px; color:#443c36;}
footer #footer-signup-intro #footer-signup-intro-ttl {font-family:'droid_sansbold'; font-size:22px;}
footer #footer-signup-intro #footer-signup-intro-ttl p {font-family:'droid_sansbold';}
footer #footer-signup-intro p span {font-family:'droid_sansbold';}

footer #footer-signup {display:grid; grid-row-gap:25px;}
footer #footer-signup-form .footer-signup-form-input-holder {height:3rem; border-radius:50px; background:#ffffff; border:1px solid #ebebeb;}
footer #footer-signup-form .footer-signup-form-input-holder input {height:3rem; width:100%; border:none; border-radius:50px; text-indent:20px;}
footer #footer-signup-form .footer-signup-button-desktop {display:none;}
footer #footer-signup-form .footer-signup-form-button {border-radius:50px; background:#00857d; border:1px solid #00857d; width:100%; color:#ffffff; justify-content:center; align-items:center; margin:15px 0 0 0; padding:14px 0; font-family:'droid_sansbold'; font-size:14px; display:inline-flex;}
footer #footer-signup-form .footer-signup-form-button svg {height:1em; margin-right:5px;}

footer #footer-info {display:grid; grid-auto-flow:row; grid-row-gap:1.5rem; padding-top:25px; text-align:left;}
footer #footer-info #footer-social {display:grid; grid-auto-flow:row; grid-row-gap:1rem;}
footer #footer-info #footer-social .footer-social-inner {display:grid; grid-auto-flow:column;}
footer #footer-info #footer-social .footer-social-inner a {color:#443c36; border:1px solid #c8c4c1; cursor:pointer; min-width:3rem; width:3rem; min-height:3rem; height:3rem; display: flex; align-items: center; justify-content: center; padding:0; border-radius:100%;}
footer #footer-info #footer-social .footer-social-inner svg {height:1em;}

footer #footer-info #footer-links {display:grid; grid-auto-flow:row; grid-row-gap:2.5rem;}
footer #footer-info #footer-links .footer-links-section {display:grid; grid-auto-flow:row; grid-row-gap:1rem;}
footer #footer-info #footer-links .footer-links-section a {color:#443c36; text-decoration:none;}

footer #footer-info b {text-transform:uppercase; font-family:'droid_sansbold';}
/*FOOTER*/


/*MAIN CONTENT*/
#main-content {width:100%; margin:0 auto;}
#main-content .container {padding:0 0 20px 0;}
/*MAIN CONTENT*/



@media all and (min-width:620px) {
	/*HEADER GENERIC STYLES*/
	#BAG-header svg {height:1.5em;}
	#BAG-header .icon-style {height:3rem; width:3rem;}
	/*HEADER GENERIC STYLES*/

	/* LOGO AREA */
	#BAG-header #header-logo img {height:unset;}
	/* LOGO AREA */

	/* SEARCH AREA */
	#BAG-header #header-search form svg {display:none;}
	#BAG-header #header-search .header-search-button.icon-style {display:block !important; position:absolute; top:8px; right:10px; background:#00857d; border-color:#00857d; height:2rem; width:2rem;}
	#BAG-header #header-search .header-search-button.icon-style svg {color:#ffffff; height:1em;}
	#BAG-header #header-search .header-search-bar {display:grid; position:relative;}
	/* SEARCH AREA */

	/* BUTTONS AREA */
	#BAG-header #header-buttons .header-got-voucher {padding:.75rem 2rem;}
	/* BUTTONS AREA */

	/*FOOTER*/
	footer {padding:4rem 3.75rem;}
	footer #footer-signup-intro #footer-signup-intro-ttl {font-size:28px;}
	footer #footer-signup-form .footer-signup-button-desktop {display:block;}
	footer #footer-signup-form .footer-signup-button-mobile {display:none;}
	footer #footer-signup-form .footer-signup-form-input-holder {height:4rem; display:flex; padding:15px;}
	footer #footer-signup-form .footer-signup-form-input-holder input {height:4rem; font-size:17px;}
	footer #footer-signup-form .footer-signup-form-button {margin-top:0; padding:7px; font-size:16px; width:200px;}
	/*FOOTER*/

}


@media all and (min-width:745px) {
footer #footer-info {text-align:center; grid-row-gap:3rem; font-size:14px;}
footer #footer-info #footer-links {grid-auto-flow:column; grid-column-gap:3rem;}
footer #footer-info #footer-social .footer-social-inner {justify-content:center; grid-column-gap:2.5rem;}
}

@media all and (min-width:991px) {
	/*HEADER GENERIC STYLES*/
	#BAG-header {padding-left:2.5%; padding-right:2.5%;}
	/*HEADER GENERIC STYLES*/

	/* SEARCH AREA */
	#BAG-header #header-search #burger-menu {display:none;}
	#BAG-header #header-search .header-search-bar {height:50px; grid-column-start: 1; grid-column-end: 3;}
	/* SEARCH AREA */

	/*NAV*/
	#nav {display:block;}
	#nav #nav-container {display:grid; grid-auto-flow:column; grid-template-columns:auto; width:700px; margin:0 auto;}
	#nav #nav-container svg {height:1em;}
	#nav #nav-container .nav-item a {display:flex; flex-direction:row; justify-content:center; align-items:center; font-family:'droid_sansbold'; color:#443c36; text-decoration:none; font-size:14px;}
	#nav #nav-container .nav-item a svg {margin-right:3px;}
	/*NAV*/

	#main-content .container {padding:40px 0;}

}

@media all and (min-width:1280px) {
	/*HEADER GENERIC STYLES*/
	#BAG-header {max-width:100%; margin:0 auto; grid-template-columns:auto 1fr auto; grid-column-gap:3.5rem; padding-left:3rem; padding-right:3rem;}
	/*HEADER GENERIC STYLES*/

	/* SEARCH AREA */
	#BAG-header #header-search {order:2; grid-row-start:1; grid-column-start:2; grid-column-end:2; grid-template-columns:auto;}
	#BAG-header #header-search #burger-menu {display:none;}
	/* SEARCH AREA */

	/* BUTTONS AREA */
	#BAG-header #header-buttons .header-got-voucher {padding:.875rem 2rem; font-size:.9375rem;}
	/* BUTTONS AREA */

	/*FOOTER*/
	footer #footer-signup-intro, footer #footer-signup-form {width:37rem;}
	/*FOOTER*/	

	/*MAIN CONTENT*/
	#main-content {width:1280px;}
	/*MAIN CONTENT*/	
}