@charset "utf-8";
/*Font
font-family: "Open Sans", sans-serif;
font-family: "Crimson Pro", serif;
*/

/*Color
Pink: #F6A7C1;
Pink: #F4AFB3;
Pink: #E18D96:
Pink: #FBB7C7;
Pink: #FEADB9;
Baby Pink: #F4C2C2;
Baby Pink: #FDBCCF;
Baby Pink: #F0C5D5;
Light Pink: #FEDEEF;
Light Pink: #F3D1DC;
Pastel Pink: #FFD1DC;
Beige: #F9E1E0;

Orange Pink: #FB8E7E;
Peach Orange: #ECAD8F;
Orange Yellow: #EAB159;
Orange: #F0A35E;
Orange: #E08963;
Light Peach: #FAD9D5;
Light Peach: #FCE6D3;
Light Peach: #F4DCD6;
Light Yellow: #FCF0CF;
Light Orange: #F1CDB0;
Light Orange: #FDCF76;
Light Blue: #D9EFFC;
Light Blue: #C0E9ED;
Light Blue: #CFEEF1;
Light Blue: #C3E4FD;
Light Blue: #B2D9EA;
Light Blue: #84B4C8;
Light Blue: #8AC0DE;
Blue: #5E96AE;
Cobalt Blue: #97F2F3;
Green: #70AE98;
Maccha: #B5BA7E;
Maccha: #C1CD97;
Light Greenyellow: #D7E7A9;
Light Green: #8EC9BB;
Light Green: #B2EBE0;
LightGreen: #ADDDCE;
Light Green: #C5D7C0;
Light Green: #CDEDDD;
Grey: #909090;
*/

/* Background color for navbar and dropdown menus */
.navbar-custom, .navbar-custom .dropdown-menu {
    background-color: #4896aa;
}
/* 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: #4896aa;
}
/* 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: #FBB7C7;
    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("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 {
    background-image: url(../images/mk_logo.png);
    background-repeat: no-repeat;
    background-size: 50px auto;
    background-position: 7% center;
    padding-left: 70px;
}

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

/*Custom Fonts*/
body {font-family: 'Crimson Pro', serif;
}
h1, h2, h3, h3, h4, h5, h6 {font-family: 'Open Sans', sans-serif;
}
.navbar-custom {font-family: 'Open Sans', sans-serif;
}
 
/*Header Banner Section*/
#home_banner {
	padding-left: 0px;
	padding-right: 0px;
	position:relative;
}

/*home-banner*/
#home_banner h1{
	font-size: 4rem;
	color:ivory;
	text-shadow: 3px 5px #363434;
	position:absolute;
	left: 3%;
	bottom: 7%;
}

/*Portfolio Header banner*/
#port_bg {
	padding-left: 0px;
	padding-right: 0px;
	position: relative;
}

/*Portfolio Banner*/
#port_bg h1{
	font-size: 4rem;
	color:ivory;
	text-shadow: 3px 5px #363434;
	position:absolute;
	left: 3%;
	bottom: 7%;
}

/*Contact Header*/
#contact_bg{padding-left: 0px;
	padding-right: 0px;
	position: relative;	
}

/*Contact Banner*/
#contact_bg h1{font-size: 4rem;
	color:ivory;
	text-shadow: 3px 5px #363434;
	position:absolute;
	left: 3%;
	bottom: 7%;	
}

/*carousel*/
.carousel{
	padding-left: 0px;
    padding-right: 0px;
}

/*video style*/
#embed_video {
	margin-left: 1em;
	margin-right: 1em;
}


/*3 Column Main Section*/
.main h2{text-align: center;
		font-weight:800;
}


/*Featurettes*/
.featurette {
	text-align:center;
	display: flex;
}

.featurette-divider {
	margin: 5rem 0; /*space out the bootstrap <hr> more*/
}

/*Thin out main section headings*/
.featurette-heading {
	padding-top: 60px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .03rem;
}

.contact_head {
	color:darkturquoise;
	font-weight: 900;
}

.contact_side {
	background: white url("../images/favorite-tulip.jpg") no-repeat center center;
	background-size: cover;
	padding:0;
	height:540px;
}


/*Footer*/
footer{
	text-align: center;
	line-height: 60px;
	background-color: #CFEEF1;
	color: #4896aa;
}

.social a {margin: 0;
	display: inline-block;
	text-decoration: none;
    margin-left:10%;
	margin-right:10%;
}

/* Style all font awesome icons */
.fa {
  padding: 10px;
  font-size: 30px;
  width: 40px;
  margin-right: 5px;
  text-align: center;
  text-decoration: none;
}

/* Add a hover effect if you want */
.fa:hover {
  opacity: 0.7;
}

/*Desktop style End Here*/


/*Media Query Breakpoints*/
/*X-SMALL 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: 5%;
      left: 3%;
      }
  }


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