/*
#FAD7AF
#F7BA95
#665A56
#8A7A75
#BBABA1
#E8DCCD
*/


/* GLOBAL STYLES
-------------------------------------------------- */
.text-center {
	text-align: center;
}
.text-right {
    text-align: right;
}
.text-left {
	text-align: left;
}
.float-right {
    float: right;
}
.container-fluid {
	padding: 35px 7%;
}


/* NAVBAR STYLES (Collapsing: mobile first approach)
-------------------------------------------------- */
.navbar {
    background-color: #8A7A75;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 2.5 !important;
    margin-bottom: 0px;
  }
.navbar li a, .navbar .navbar-brand {
    color: #fff;	
    padding-left: 13px;
}
.navbar-nav li a:hover, .navbar-nav li.active a {
    background-color: #f7f3ee;
    color: #8A7A75;
}
.navbar button {
    color: #fff;
    margin-top: 5.5px;
    float: right;
}

.navbar-brand {
  float: none;
}
.navbar-nav .nav-item {
  float: none;
}
.navbar-divider,
.navbar-nav .nav-item + .nav-item,
.navbar-nav .nav-link + .nav-link {
  margin-left: 0;
}
/* Styles only for grid-sizes Small to Extra Large (device-width >= 544px) */
@media (min-width: 34em) {
    .navbar-brand {
        float: left;
    }
    .navbar-nav .nav-item {
        float: left;
    }
    .navbar-divider,
    .navbar-nav .nav-item + .nav-item,
    .navbar-nav .nav-link + .nav-link {
        margin-left: 1rem;
    }
    
    .navbar .navbar-brand {
	padding-bottom: 0px;
    }
    .navbar {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .navbar-right {
        float: right;
    }
    .navbar li {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .navbar li a, .navbar .navbar-brand {
        padding-right: 13px;
    }
}


/* CUSTOMIZE THE JUMBOTRON
-------------------------------------------------- */
.jumbotron {
    border-radius: 0px;
	color: #fff;
    background-color: #8A7A75;
    padding: 150px 25px;
    margin-bottom: 0px;
}
.jumbotron H1 {
    font-size: 80px;
    font-weight: 400;
}
.jumbotron p {
	font-size: 30px;
    font-weight: 200;
}


/* PICTURE-RIGHT/LEFT STYLES
-------------------------------------------------- */
.picture-left {
	background-color: #8A7A75;
    color: #fff;
}
.picture-right {
    background-color: #f7f3ee;
    color: #8A7A75;	
}
.picture-right h3, .picture-left h3 {
    margin-top: 40px;
    font-weight: 400;	
    font-size: 30px;
    -webkit-font-smoothing: antialiased;
}
.picture-right p, .picture-left p {
    font-weight: 200;
    font-size: 22px;
    -webkit-font-smoothing: antialiased;
}
.picture-right img, .picture-left img{
    width: 94%;
    height: 94%;
    margin-top: 50px;
    margin-bottom: 50px;
    border-radius: 6px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    transition: box-shadow 0.5s;
}
.picture-right img:hover, .picture-left img:hover {
	//opacity: 0.4;
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.6);
}
/* Styles only for grid-sizes Medium to Extra Large (device-width >= 768px) */
@media (min-width: 768px) {
    .picture-right h3, .picture-left h3 {
        margin-top: 80px;
    }
    .picture-right img {
        float: right;
    }
    .picture-left img {
        float: left;
    }
}


/* FOOTER STYLES
-------------------------------------------------- */
.footer {
    background-color: #8A7A75;
    color: #fff;
}
.footer p {
	font-weight: 300;
    font-size: 18px;
}