* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: Arial, sans-serif; background-color:#fff; }

/* Top Navigation */
nav {
  background-color:#8d8e37;
  display:flex;
  justify-content:space-between; /* logo left, menu right */
  align-items:center;
  padding:0 20px;
  position:relative;
  z-index:1000;
}
nav .logo img {
  /* height:40px; */* adjust logo size */
  height:3em; /* adjust logo size */
} 

nav .logo span{
 font-size: 3em;
line-height:1; 
color: white;
}

nav ul {
  list-style:none;
  display:flex;
  flex-wrap:wrap;
}
nav ul li { position:relative; }
nav ul li a {
  display:block;
  padding:12px 16px;
  color:#FFF;
  text-decoration:none;
}
nav ul li:hover > ul { display:block; }
nav ul ul {
  display:none;
  position:absolute;
  top:100%; left:0;
  background-color:#7a7b30;
  min-width:180px;
  z-index:2000;
}
nav ul ul li a { padding:10px; white-space:nowrap; }

.mmp-nav{
	display:block;
	padding:12px 16px;
	background-color:#FFF;
	text-decoration:none;
}

/* Banner */
.banner {
  height:450px;
  background:url('images/banner1ga.png') center center/cover no-repeat;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  color:#FFF;
  padding-left:50px;
  position:relative;
  overflow:hidden;
}
.banner .slogan h1 { font-size:2rem; color:#FFF; margin:0; }
.banner .slogan p { font-size:1rem; margin:0; }
@media(max-width:768px){
  .banner{height:550px; flex-direction:column; justify-content:center; text-align:center; padding-left:0;}
  .banner .slogan h1{font-size:3em; writing-mode:vertical-lr; text-orientation:upright; color:#8d8e37;}
}

/* Teachings Menu */
.teachings-menu {
  background-color:#8d8e37;
  display:flex;
  justify-content:center;
  padding:0 20px;
}
.teachings-menu ul { list-style:none; display:flex; flex-wrap:wrap; }
.teachings-menu ul li { position:relative; }
.teachings-menu ul li a {
  display:block;
  padding:12px 16px;
  color:#FFF;
  text-decoration:none;
}
.teachings-menu ul li:hover > ul { display:block; }
.teachings-menu ul ul {
  display:none;
  position:absolute;
  top:100%; left:0;
  background-color:#7a7b30;
  min-width:180px;
  z-index:2000;
}
.teachings-menu ul ul li a { padding:10px; white-space:nowrap; }

/* Second-level submenu (months) */
.teachings-menu ul ul ul {
  display:none;
  position:absolute;
  top:0; left:100%;
  background-color:#6a6b25;
  min-width:180px;
  z-index:3000;
}
.teachings-menu ul ul ul li a { padding:10px; }

/* Third-level submenu (feast days) */
.teachings-menu ul ul ul ul {
  display:none;
  position:absolute;
  top:0; left:100%;
  background-color:#5a5b20;
  min-width:180px;
  z-index:4000;
}
.teachings-menu ul ul ul ul li a { padding:10px; }

/* Hover rules for deeper levels */
.teachings-menu ul li:hover > ul,
.teachings-menu ul ul li:hover > ul,
.teachings-menu ul ul ul li:hover > ul {
  display:block;
}

@media(max-width:768px){
  nav ul, .teachings-menu ul { flex-direction:column; }
  nav ul ul, .teachings-menu ul ul,
  .teachings-menu ul ul ul, .teachings-menu ul ul ul ul { position:static; }
}