*{
	--gutter: 18px;
	--container-color: #fff;
	--seasoning: lightpink;
	--font-size: 24px;
	--radius: 0px;
}

body {
	background-color: var(--seasoning);
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: var(--font-size);
	font-weight: 100;
	padding: var(--gutter);
	margin: 0;
}
.container{
	padding: var(--gutter);
	background-color: var(--container-color);
}
a{	
	color:black;
	text-decoration: none;
}
nav {
	flex:2; 
	margin:auto; 
	text-align:right;
}
nav a {
	font-size: var(--font-size);
}
#header {
	background-color: var(--container-color);
	padding: var(--gutter);
	display:flex;
	margin-bottom: var(--gutter);
}
#header h1 {
	line-height: 5vw;
	font-size: 5vw;
	flex: 1;
	letter-spacing: -1px;
	color: var(--seasoning);
}
#banner img {
	width: 100%;
}
#banner {
	margin: auto;
	width: 100%;
	max-width: 100%;
	height: 200px;
	background-color: var(--seasoning);
	background-blend-mode: multiply;
	background-image:url(phenix.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	text-align: center;
	color: white;
}

#header, #container {
	border-radius: var(--radius);
}

#address, #socials {
	text-align: center;
	padding-top: var(--gutter);
	padding-bottom: var(--gutter);
}
#socials a {
	line-height: 64px;
}

/*dropdown*/
.accordion {
  background-color: var(--seasoning);
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: center;
  outline: none;
  font-size: var(--font-size);
  transition: 0.4s;
	border: 2px solid var(--seasoning);
}

/*.active, .accordion:hover {
  background-color: #fff;
	color: var(--seasoning);
	border: 2px solid var(--seasoning);
}
*/
.panel {
  padding: 0 18px;
  display: none;
  background-color: white;
  overflow: hidden;
}