﻿body {
    color: #333;
    font-family: Tahoma;    
    padding-right:0px;
}

 .smallLogo {
    width: 214px;
    height: 100px;
}

.largeLogo {
    width: 278px;
    height: 130px;
}

html, body {
    font-size: 20px;
}
    .nav {
    font-size: larger;
}

a {
    cursor: pointer;
}

.navbar-default .navbar-nav > li > a {
    color: midnightblue;
    text-shadow: 1px 1px 1px #FFF;
}

.navbar-default .navbar-nav >  li.active > a {
    color: midnightblue;
    background-color: rgba(10, 10, 10, 0.5)
}


.language-dropdown {
    min-width: 300px;
    float: right;
    right: 0;
    left: auto;
}

    .language-dropdown > li > a {
        padding: 0;
    }


h1,
.h1 {
    font-size: 72px;
}

h2,
.h2 {
    font-size: 60px;
}

h3,
.h3 {
    font-size: 48px;
}

h4,
.h4 {
    font-size: 36px;
}

h5,
.h5 {
    font-size: 28px;
}

h6,
.h6 {
    font-size: 24px;
}


.navbar {
    z-index: 100;
    background-color: white;
    border: 0;
    position: fixed;
    width: 100%;
    font-size: 20px;
}

.navbar-header {
    padding-left: 5vw;
}

.navbar-nav {
    padding-top: 18px;
}

.carousel-control {
    width: 4%;
}

    .carousel-control.left, .carousel-control.right {
        margin-left: 15px;
        background-image: none;
    }


@media (max-width: 767px) {
    .carousel-inner .active.left {
        left: -100%;
    }

    .carousel-inner .next {
        left: 100%;
    }

    .carousel-inner .prev {
        left: -100%;
    }

    .active > div {
        display: none;
    }

        .active > div:first-child {
            display: block;
        }
}

@media (min-width: 767px) and (max-width: 992px ) {
    .carousel-inner .active.left {
        left: -50%;
    }

    .carousel-inner .next {
        left: 50%;
    }

    .carousel-inner .prev {
        left: -50%;
    }

    .active > div {
        display: none;
    }

        .active > div:first-child {
            display: block;
        }

            .active > div:first-child + div {
                display: block;
            }
}

@media (min-width: 992px ) {
    .carousel-inner .active.left {
        left: -25%;
    }

    .carousel-inner .next {
        left: 25%;
    }

    .carousel-inner .prev {
        left: -25%;
    }
}
