@charset "UTF-8";
/* CSS Document */

/*fonts*/
/*font-family: 'Roboto', sans-serif;
font-family: "Platypi", serif;

/*colors*/
/* Cool Complementary
Brown: #655D4D
White: #FEFBF5
Light Brown: #B2AA9A
Deep Blue: #435065
Blue Gray: #9AA3B2
*/

/*3 col main section*/
.main h2 {text-align: center;
font-weight:800;
font-size:1.8em;
color:#B2AA9A}

body {font-family: 'Source Serif Pro', serif;
}
h1, h2, h3, h3, h4, h5, h6 {font-family: 'Lato', sans-serif;
}

/*center an image - img is an inline element*/
img {
display: block;
margin-left: auto;
margin-right: auto;
}

.navbar-custom {font-family: 'Lato', sans-serif;
}

/* Background color for navbar and dropdown menus */
.navbar-custom, .navbar-custom .dropdown-menu {
background-color: #E3776C;
}
/* 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: #FFEEE0;
}
/* 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: #913A31;
color: #fff;
}
/* Border and text colors for menu icon on small screens */
.custom-toggler.navbar-toggler {
border-color: rgba(236,240,241,1.00);
color: #fff;
}
/* Hamburger icon - use same rgb values as previous rule for stroke */
.custom-toggler .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(236,240,241, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

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




.platypi- uniquifier {
  font-family: "Platypi", serif;
  font-optical-sizing: auto;
  font-weight: weight;
  font-style: normal;
}

.navbar-inner{
	background:#9AA3B2;
	border: 0px solid #D4D4D4;
	border-radius: 4px 4px 4px 4px;
	padding-left: 20px;
	padding-right: 20px;
}

.navbar-brand {
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    background-size: 30px auto;
    background-position: 7% center;
    padding-left: 30px;
}

#home_banner {
	padding-left: 0px;
	padding-right: 0px;
	position: relative;
}

#home_banner h1 {
	font-size: 4rem;
	color:#FEFBF5;
	text-shadow: 2px 1px rgba(71,71,71,0.68);
	position: absolute;
	left: 3%;
}

footer {text-align: center;
    line-height: 60px;
    background-color: #262120;
    color: #FFEEE0;
}


/*Media Query Breakpoints*/
/*X-SMALL ONLY*/
@media screen and (min-width:375px){
#home_bg h1 {
    font-size: 1rem;
    bottom: 3%;
    left: 3%;
    }    
}


/*SMALL SIZE ONLY*/
@media screen and (min-width:576px){
#home_bg h1 {
    font-size: 1rem;
    bottom: 3%;
    left: 3%;
    }  
}


/*MEDIUM SIZE ONLY*/
@media (min-width: 768px) {
  #home_bg h1 {font-size: 2rem;
               bottom: 5%;
               left: 3%;
              }
  }


/*LARGE SIZE ONLY*/
@media screen and (min-width:992px){
    #home_bg h1 {
        font-size: 3rem;
        bottom: 5%;
        left: 3%;
        }
}