/*!

 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)

 * Code licensed under the Apache License v2.0.

 * For details, see http://www.apache.org/licenses/LICENSE-2.0.

 */



/* Global Styles */



html,

body {

    height: 100%;

}



body {

    padding-top: 89px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}



.img-portfolio {

    margin-bottom: 30px;

}



.img-hover:hover {

    opacity: 0.8;

}



/* Home Page Carousel */



header.carousel {

    height: 75%;

}



header.carousel .item,

header.carousel .item.active,

header.carousel .carousel-inner {

    height: 100%;

}



header.carousel .fill {overflow: initial;width: 100%;height: 100%;background-position: center;background-size: cover;}



/* 404 Page Styles */



.error-404 {

    font-size: 100px;

}



/* Pricing Page Styles */



.price {display: block;font-size: 50px;line-height: 50px;}



.price sup {

    top: -20px;

    left: 2px;

    font-size: 20px;

}



.period {

    display: block;

    font-style: italic;

}



/* Footer Styles */



footer {

    margin: 50px 0;

}



/* Responsive Styles */



@media(max-width:991px) {

    .customer-img,

    .img-related {

        margin-bottom: 30px;

    }

}



@media(max-width:767px) {

    .img-portfolio {

        margin-bottom: 15px;

    }



    header.carousel .carousel {

        height: 80%;

    }

}