/*---Media Queries --*/
@media (max-width: 992px) {

  }
@media (max-width: 768px) {
  
}
@media (max-width: 576px) {
  
}



/* change the background color */
.navbar-custom{
	background-color: #ffffff;
}
/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: #3C5775;
}
/* change the link color */
.navbar-custom .navbar-nav .nav-link {
    color: #3C5775;
}
/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:focus .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #dba2ae;
}


.navbar-toggler-icon{
	background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(60, 87, 117, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}



#hero{
	background-color: #ffffff;
    margin-bottom: 0;
    padding-bottom: 0;
}

#hero img{
	max-width: 40%;
	clear: left;
	vertical-align: top;

}

body{
    color: #54564A;
}

a {
    color: #3C5775;
}

a:visited{
    color: #dba2ae;
}

a:hover{
    color: #B7CDD9 !important;
}

a:active{
    color: #dba2ae;
}
.container h2{
    padding: 1rem;
}

#what-i-do h5{
    padding: 1em;
}

.btn{
    background-color: #3C5775;
    border: 0;
    
}

.btn:hover{
    background-color: #B7CDD9;
    color: #0b0b0b;
}

#recent-work{
    padding: 3em;
}

.carousel{
    background-color: #B7CDD9;
}

#footer{
    background-color: #3C5775;
    color: #ffffff;
    padding: 1em;
}

#footer a, a:visited, a:hover, a:active{
    color: #ffffff;
    text-decoration: none;
}

#footer p{
    margin: 0;
}

#blockquote {
    background-color: #B7CDD9;
    padding: 2em;
    color: #0b0b0b;
    box-shadow:-10px 10px 50px grey; 
}

#about-blurb{
    padding: 2em;
    padding-top: 0;
}

#about{
    padding: 2em;
    padding-bottom: 0;
}

#about img{
    max-width: 40%;
}

#resume{
	background-color: #b7cdd9
}

#portfolio-content h5{
    font-weight: 700;
    color: #3C5775;
    line-height: .1em;
}

#portfolio-content h6{
    color: #dba2ae;
}

#card-img-top{
    max-width: 30%;
}

#footer-main{
	background-color: #b7cdd9;
	color: #ffffff;
}