/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
.container,
    #back1 {
        background-color: #ffffff;
        padding: 0 0 0 0;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #646464;
        line-height: 0.7em;
    }

    /*Justify menu*/
    .navbar-nav {
        margin: 7.5px 14px;
    }


    #menu1 {
    padding: 25px 0 0 0;
    }
    #news {
        padding: 30px 5px 0 5px;
    }
    #mitten {
        padding: 20px 5px 0 5px;
    }

    /*Use this when mouse over not activated*/
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
        color: #000;
        line-height: 0.7em;
    }


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .container, #back1 {
        background-color: #ffffff;
        padding: 0 0 0 0;
    }
    #logos {
        padding: 15px 0 20px 15px;
    }
    #news {
        padding: 30px 0 0 0;
    }
    #mitten {
        padding: 30px 5px 0 5px;
    }
    body {
        padding-top: 20px;
    }

    /*Justify menu - reset*/
    .navbar-nav {
        margin: 7.5px 11px;
    }

    /*We dont want hover here...*/

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .container, #back1 {
        background: #FFF;
        padding: 0 0 0 0;
    }
    #logos {
        padding: 30px 0 0 20px;
    }
    #mitten {
        padding: 0 0 0 10px;
    }
    #news {
        padding: 0 30px 0 0;
    }
    body {
        background: #FFF;
        padding-top: 20px;
    }
    #fot {
        padding: 30px 0 30px 0;
    }
    /*Use this style on expand menu when hover*/
    .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
        color: #000;
        background-color: #d9d9d9;
    }
    /*Expand menu on mouse hover*/
    ul.nav li.dropdown:hover > ul.dropdown-menu {
        display: block;
    }

}


/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .container, #back1 {
        background: #FFF;
        padding: 0 0 0 0;
    }
    #logos {
        padding: 30px 0 0 30px;
    }
    #mitten {
        padding: 0 0 0 50px;
    }
    body {
        background: #FFF;
        padding-top: 20px;
    }
    #fot {
        padding: 30px 0 30px 0;
    }
    .caption h3 {margin: 5px 0 5px 0;}

    /*Use this style on expand menu when hover*/
    .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
        color: #000;
        background-color: #d9d9d9;
    }
    /*Expand menu on mouse hover*/
    ul.nav li.dropdown:hover > ul.dropdown-menu {
        display: block;
    }
}

h1 {
    padding: 0 0 0 0;
    font-family: 'Open+Sans', sans-serif; font-weight: 700; font-size: 17px;
}
h2 {
    margin: 0 0 0 0;
    font-family: 'Open+Sans', sans-serif; font-weight: 400; font-size: 14px;
}
h3 {
    margin: 5px 0 5px 0;
}
h4 {
    margin: 15px 0 0 0; font 0.8 em;
    font-family: 'Archivo Narrow', sans-serif;
    color: #000;
    font-size: 1.1em;
    line-height: 1.2em;
    font-weight: 200;
}
h5 {
    padding: 0 0 0 0;
    font-family: 'Archivo Narrow', sans-serif;
    color: #000;
    font-size: 1.1em;
    line-height: 1.2em;
    font-weight: 100;
}
h5 a {
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 1em;
    font-weight: 200;
    color: #005787;
    line-height: 1.5em;
    text-decoration: underline;
}
h5 a:hover {
    color: #0085e7;
}
a { font-family: 'Open+Sans', sans-serif; font-weight: 500; font-size: 13px; }

.footer h1 a {
    font-family: 'Archivo Narrow', sans-serif;
    color: #8c0800;
    font-size: 1.3em;
    line-height: 1.3em;
    padding: 0 0 0 0;
}

.thumbnails > li {
    display: inline-block;
    *display:inline; /* ie7 fix */
    float: none; /* this is the part that makes it work */
}

img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.carousel-caption{
    background: rgba(0,0,0,0.5);
    padding: 0 5px 25px 5px;
}

.carousel.fade {
    opacity: 1;
}
.carousel.fade .item {
    -moz-transition: opacity ease-in-out .7s;
    -o-transition: opacity ease-in-out .7s;
    -webkit-transition: opacity ease-in-out .7s;
    transition: opacity ease-in-out .7s;
    left: 0 !important;
    opacity: 0;
    top:0;
    position:absolute;
    width: 100%;
    display:block !important;
    z-index:1;
}
.carousel.fade .item:first-child {
    top:auto;
    position:relative;
}
.carousel.fade .item.active {
    opacity: 1;
    -moz-transition: opacity ease-in-out .7s;
    -o-transition: opacity ease-in-out .7s;
    -webkit-transition: opacity ease-in-out .7s;
    transition: opacity ease-in-out .7s;
    z-index:2;
}

.navbar-default {
    background-color: #ffffff;
    border-color: #ffffff;
}
.navbar-default .navbar-brand {
    color: #646464;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
    color: #000000;
}
.navbar-default .navbar-text {
    color: #646464;
}
.navbar-default .navbar-nav > li > a {
    color: #646464;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #000000;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #000000;
    background-color: #ffffff;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #000000;
    background-color: #ffffff;
}
.navbar-default .navbar-toggle {
    border-color: #ffffff;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #ffffff;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #646464;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #646464;
}
.navbar-default .navbar-link {
    color: #646464;
}
.navbar-default .navbar-link:hover {
    color: #000000;
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #646464;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #000000;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #000000;
        background-color: #ffffff;
    }
}



.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a {
    padding: 0 35px 0 0;
}

.maintext img{
    width: 150px;
    max-width: 100%;
    height:auto;


}

@media(max-width: 767px) {
    .maintext img{

        width:100px;
        float: right;
        max-width: 100px;
        height: auto;
        margin-left: 10px;
        margin-right: 10px;
    }

}

.footer {
    background-image: url("../images/footer_tone.png");
    background-repeat: repeat-x;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    height: 69px;

}

.menu_icon {
    padding: 0 5px 2px 0;
}

.dropdown-toggle, a {
    font-family: 'Archivo Narrow', sans-serif;
    color: #005787;
    font-size: 1.2em;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    color: #000;
    background-color: #d9d9d9;
}

ul {
    padding-top: 10px;
}

/*
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a {
    padding: 0 35px 0 30px;
}*/


/*
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #000;
    line-height: 0.7em;
}*/