@charset "utf-8";
/*headline: font-family: "Oswald", sans-serif;
paragraph: font-family: "IBM Plex Serif", serif;

/*Color Palette:
dark blue:#323A42
light brown:#64635F
beige cool:#D8CAB1
beige warm:#EFDBB9
muddy blue:#7D8

/*navbar-brand logo*/
.navbar-brand {
	background-image: url("../images/cklogo.png");
	background-repeat: no-repeat;
	padding-left: 60px;
	background-position: 6% center;
	background-size: 50px auto;
}
/* head banner section */
#home_banner {
	padding-left: 0px;
	padding-right: 0px;
	position: relative;
}
#home_banner h1 {
	font-size: 4rem;
	color: #000000;
	text-shadow: 2px 1px rgba(71,71,71,0.80);
	position: absolute;
	left: 3%;
	bottom: 7%;
}

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

.featurette-divider{
	margin: 3rem
}

.mr-3 {
	width: 120px;
}

.contact_page { color: #913A31; font-weight: 900 ;

}
.contact_head { color: #323A42;
	font-weight: 900 ;

}
.contact_page.html { background: #AAC6CB; 
background-image: url("file:///C:/Users/PCDCheckout/Documents/DDSGN215/css/IMG_0068%20(1)-2%20(1).jpg")
no-repeat center center;
background-size: cover;
padding: 0;
 height: 540px;
}

/*footer*/
footer {text-align: center;
	line-height: 60px;
	background-color:#323A42;
	color:#D8CAB1;
}
.social a {margin: 0;
    display: inline-block;
    text-decoration: none;
    margin-left:10%;
    margin-right:10%;
}

.fa {
  padding: 10px;
  font-size: 30px;
  width: 40px;
  margin-right: 5px;
  text-align: center;
  text-decoration: none;
}


.fa:hover {
  opacity: 0.7;
}



/* Facebook */
.fa-facebook {
  background: #3B5998;
  color: white;
}

/* Instagram */
.fa-instagram {
  background: #125688;;
  color: white;
}

/*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%;
        }
}