@charset "UTF-8";
/*headline: font-family: 'Lora', serif;
paragraph: font-family: 'Zilla Slab', serif;
*/

/*
font-family: 'Lora', serif;
font-family: 'Playpen Sans', cursive;
font-family: 'Zilla Slab', serif;
*/

/* moorland, pt.11
Nasake: #735F63; 
Roman Snail: #A69296; - Navbar main color selection
Witches Cauldron: #353440;
Tin Soldier: #BEBDBF;
Sunny Pavement: #D9D9D9; 
*/

/* ETERNAL
Bella Pink: #D97E96;
Queen's Honour: #8C5679;
Quill Tip: #302E59;
Black Market: #202140;
Peach Burst: #F29B9B;
*/

/* Five Elements
Shadow Warrior: #192126
Dark side of the moon - true black: #080B0D;
Elephant Skin-light Gray: #8C8480;
Finest Silk- cream: F2E6D8;
Bermuda Sand-very light brown: #D9CCC1;
*/

h1, h2, h3, h4, h5, h6{font-family: "Playpen Sans Regular SemiBold";
}

p {font-family: "Playpen Sans Regular SemiBold", "Zilla Slab Light Italic", "Lora Italic Medium Italic";
   font-size: 1.2em; 
  }

/* Background color for navbar and dropdown menus */
.navbar-custom, .navbar-custom .dropdown-menu {
background-color: #A69296;
}

/* Text color for navbar and dropdown menus */
.navbar-custom .navbar-brand, .navbar-custom .navbar-text,
.navbar-custom .navbar-nav .nav-link,
.navbar-custom .dropdown-item {
color: #FFFFFF;
}

/* Background and text colors for current page link and links on hover and
focus */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link,
.navbar-custom .nav-item:focus .nav-link,
.navbar-custom .dropdown-item:hover,
.navbar-custom .dropdown-item:focus {
background-color: #8C5679;
color: #fff;
}

/* Border and text colors for menu icon on small screens */
.custom-toggler.navbar-toggler {
border-color: #ecf0f1;
color: #fff;
}

/* Hamburger icon - use same rgb values as previous rule for stroke */
.custom-toggler .navbar-toggler-icon {
background-image:url("../images/hamburger-menu-icon.gif");
}

/* navbar-brand logo*/
.navbar-brand {
	background-image: url("../images/logo backup.png");
	background-repeat: no-repeat;
	background-size: 50px auto;
	background-position: 6% center;
	padding-left: 70px;
}


/* header banner section */
#home_banner {
	padding-left: 0px;
	padding-right: 0px;
	position:relative;
}

/* rem values are related to the root HTML elements, 1rem=16px*/

#home_banner h1 { 
	font-size: 4rem;
	color: #fff;
	text-shadow: 3px 5px #A69296;
	position: absolute;
	left: 24%;
	bottom: 39%;
}

.contact_head {
	color: #000000;
	font-weight: 300;
}

.contact_side {
	background: white url("../images/coffee-3852039_1920.png")no-repeat center center;
	background-size: cover;
	padding:0;
	height:540px;
}

/* 3 col main section*/
.main h2 {text-align: center;
          font-weight: 800;
}



/* footer section*/
footer {text-align: center;
        line-height: 60px;
	    background-color: #A69296;
}
	
/*media query breakpoints*/
/*extra small devices only*/
 @media (min-width:375px){
		#home_banner h1{font-size: 1rem;
					     bottom: 3%;
					     left: 3%;
	      }
	}
	
/* small size only*/
 @media screen and (min-width:576px){
	    #home_banner h1 {font-size: 1rem;
					     bottom: 3%;
					     left: 3%;
		}
	} 
	
/* medium size only*/
@media (min-width:768px){
		#home_banner h1 {font-size: 2rem;
						 bottom: 5px;
						 left: 3%;
	} 
}
/* large size only*/ 
 @media (min-width:1080px){
			#home_banner h1 {font-size: 3rem;
			                 bottom:5%;
			                 left: 3%;
							}
		}