:root {
	--display-font-family: Suez One;
	--body-font-family: Lexend;

	--font-size: 16px

	--logo-padding: 30px;
	--logo-height: 148px;

	--header-width: 1366px;
	--header-border-position: bottom;
	--header-border-size: 7px;
	--header-bg-color: 255 255 255;
	--header-border-color: 129 25 32;

	--brand-color: 129 25 32;
	--brand-color-inverted: 253 216 36;

	--background-color: 255 15 ;
	--text-color: 61 61 61;
	--link-color: 61 61 61;

	--action-color: 172 28 38;
	--action-color-inverted: 238 238 238;

	--announcement-bar-bg-color: 245 220 220;
	--announcement-bar-text-color: 201 0 0;
	--announcement-bar-link-color: 61 61 61;

	--main-navigation-bg-color: 129 25 32;
	--main-navigation-link-color: 255 255 255;
	--main-navigation-link-color-hover: 253 216 36;
	--main-navigation-link-bg-color: 44 81 112;
	--main-navigation-link-font-size: 18px;
	--main-navigation-link-alignment: center;

	--auxiliary-bg-color: transparent;
	--auxiliary-border-color: transparent;
	--auxiliary-link-color: 0 0 0;

	--order-status-bg-color: 210 133 133;
	--order-status-color: 112 108 108;

	--store-menu-bg_color: 248 248 248;
	--store-menu-color: 119 7 ;

	--footer-bg-color: 32 32 32;
	--footer-color: 255 15 ;
	--footer-link-color: 213 96 104;
}

/*Custom Styles*/
.flexWrapper {
    display:flex; 
    justify-content: space-evenly; 
    align-items: baseline; 
    align-content:space-between; 
    max-width: 1600px; 
    min-width: 600px;
    flex-flow: row wrap;
}
.loc {
    width:30%; 
    border: 1px solid black; 
    padding:25px
}
.logo {
    width:30%;
}

@media screen and (max-width: 600px) {
    .flexWrapper { 
        flex-flow: column nowrap; 
        max-width: 600px;
        min-width: 200px;
        justify-content:flex-start;
        align-items:center;
        align-content:center;
    }
    .loc {
        width: 90%;
    }
    .logo {
        width:80%;
    }
    .footie {
        flex-flow: row wrap;
    }
    .footie div {
        max-width:45%;
    }
    
    .logo1 { order: 1;}
    .west { order: 2; }
    .logo2 { order: 3; }
    .hatteras { order: 4; }
    .logo3 { order: 5; }
    .whole { order: 6; }
}

.auxiliaryMenu__container {
    display:none;
}



.logo__container--style4 img {
    float:right;
}