/* Required height of parents of the Half Page Carousel for proper displaying carousel itself */
html,
body,
.view {
    height: 100%; }

@media (max-width: 740px) {
    .full-page-intro {
        height: 1000px; } }

/* Half Page Carousel itself*/
.carousel {
    height: 50%; }
.carousel .carousel-inner {
    height: 100%; }
.carousel .carousel-inner .carousel-item,
.carousel .carousel-inner .active {
    height: 100%; }

/* Adjustment for mobile devices*/
@media (max-width: 776px) {
    .carousel {
        height: 100%; } }

/* Navbar animation */
.navbar {
    background-color: rgba(0, 0, 0, 0.3); }

.top-nav-collapse {
    background-color: #1C2331; }

/* Adding color to the Navbar on mobile */
@media only screen and (max-width: 768px) {
    .navbar {
        background-color: #1C2331; } }

/* Footer color for sake of consistency with Navbar */
.page-footer {
    background-color: #1C2331; }
body{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+24,207cca+31,2989d8+39,207cca+47,2989d8+57,207cca+78,7db9e8+100 */
    background: #1e5799; /* Old browsers */
    background: -moz-linear-gradient(45deg, #1e5799 0%, #2989d8 24%, #207cca 31%, #2989d8 39%, #207cca 47%, #2989d8 57%, #207cca 78%, #7db9e8 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #1e5799 0%,#2989d8 24%,#207cca 31%,#2989d8 39%,#207cca 47%,#2989d8 57%,#207cca 78%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #1e5799 0%,#2989d8 24%,#207cca 31%,#2989d8 39%,#207cca 47%,#2989d8 57%,#207cca 78%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}