body, html {
	height: 100%;
	
}

.parallax {
    /* The image used */
    background-image: url("/assets/pics/banner3a.jpg");

    /* Set a specific height */
    height: 350px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallax_img {
    /* The image used */
    background-image: url("/assets/pics/banner4a.jpg");

    /* Set a specific height */
    height: 275px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.jumbotron {
  padding-top: 75px;
  height: 350px;
  color: black;
  background:transparent;
  font-family: 'Impact', serif
}

.button-image:before {
    content: "";
    width: 150px;
    height: 48px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: text-top;
    background-color: transparent;
    background-position : center center;
    background-repeat:no-repeat;
}

.myButton:before{
     background-image : url("/assets/pics/houzz_logo.png");
}


.navbar {

	background-color: #d6d6c2;
	color: #00000;
	font-family: 'Cabin', sans-serif;
	border-bottom: 0px;
	opacity: 0.9;
}

img {
	min-height: 75%;
	min-width: 100%;
	max-height: 75%;
	max-width: 95%;
	overflow: hidden;
}

.container-fluid {
	padding: 50px 20px;
}

.container-fluid-description {
    padding-top: 50px;
    padding-right: 40px;
    padding-bottom: 50px;
    padding-left: 40px;
}

.container-spacer {
	padding: 25px 20px;
}

.bg-grey {
	background-color: #d6d6c2;
}

.container-big {
	margin-bottom: 20px;
}

.h1 {
	text-shadow: 2px 2px 4px white;
	font-family: "Cabin", sans-serif;
}
.p {
	font-family: "Cabin", sans-serif;
	font-size: 110%;
	
}

.carousel-inner{
  width:100%;
  max-height: 500px;
}

.carousel-caption {
    top: 0;
    bottom: auto;
	left: 5;
	right: auto;
}

/*Hover Effect*/

.fa:hover {
    opacity: 0.9;
}

/* Facebook */

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

/* Insatgram */

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

/* Twitter */
.fa-twitter {
    background: #55ACEE;
    color: white;
}

/* Houzz */

.fa-houzz {
	background: #55ACEE;
    color: white;
}

.fa {
  padding: 20px;
  font-size: 25px;
  width: 60px;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 100%;
}

/* Hidden Frames */

.slideanim {visibility:hidden;}
.slide {
    /* The name of the animation */
    animation-name: slide;
    -webkit-animation-name: slide; 
    /* The duration of the animation */
    animation-duration: 1s; 
    -webkit-animation-duration: 1s;
    /* Make the element visible */
    visibility: visible; 
}

/* Go from 0% to 100% opacity (see-through) and specify the percentage from when to slide in the element along the Y-axis */
@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(70%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0%);
    } 
}
@-webkit-keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateY(70%);
    } 
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}

 /* Turn off parallax scrolling for tablets and phones. Increase/decrease the pixels if needed */
@media only screen and (max-device-width: 1024px) {
    .parallax {
        background-attachment: scroll;
    }
    .parallax_img {
        background-attachment: scroll;
 }
} 

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}