/* logo animation */

.nav > li > a {
    text-shadow: 4px 2px 5px black;
}


.nav > li > a:hover, .nav > li > a:focus {
    text-shadow: 2px 2px 10px gold;
}

/* logo anim end*/


@media (max-width: 768px)
{
   .navbar-fixed-top {
      position: static;
      margin-top: -160px;
      padding-top: 10px;
      background-color: white;
    }

    .container {
        max-width:none!important;
    }

    .navbar-top {
        height:70px;
    }

    .navbar-toggle {
        top:-50px;
    }

    .navbar-brand {
        top:-20px;
        padding:0;
    }

    .jumbotron {
        padding:10px;
    }


    ul {
        padding-left:2px;

    }

    .nav > li {
        padding:0;
        margin:0;
        height:35px;
    }

    .jumbo-back {
        display:none;
    }

}


@media (max-width:1000px) and (min-width:768px)
{
     .navbar-fixed-top {
        position: static;
        margin-top: -160px;
    }

    .navbar-nav > li > a {
        padding-left:5px;
        padding-right:5px;
        padding-top:10px;
        padding-bottom:10px;

    }
}


a {
    color: #ffd800;
    text-shadow: 1px 1px 1px #505050;
}

    a:hover {
            color: #ffd800;
    text-decoration:dotted!important;
    text-shadow: 1px 1px 1px #505050;

    }

body {
    padding-top: 160px;
    padding-bottom: 42px;
    font-family: 'Dosis', sans-serif;
    font-size:2.1em;
    background-color:#ffd800;
}

h1 {
margin-bottom:2%!important;
}

h3 {
    padding:10px!important;
}



h1, h2, h3, h4, h5 {
    font-family: 'Exo 2', sans-serif;
    background-color:#000;
    color:#fff;
    padding-left:1%;
    padding-bottom:1%;
    padding-top:1%;
    border-radius: 6px;
    box-shadow:  rgba(50,50,50,0.5) 5px 5px;
}

.btn {
    font-family: 'Exo 2', sans-serif;
}

.btn-primary {
   background-color: #333;
}

.btn-primary:hover {
   background-color: #555;
}

.navbar {
    font-family: 'Exo 2', sans-serif;
    font-size:16px;
    box-shadow: rgba(50,50,50,0.5) 0px 5px;
}

.navbar-top {
    background-color:white;
}

.navbar-collapse {
    background-color:#505050;
}

.navbar-inverse .navbar-toggle {
    border-color: #333;
    background-color: black;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

footer {
    border-top: solid 1px #505050;
    margin-top:3%;
    padding-top:3%;
}

footer > div { 
    min-width:23%; float:left; vertical-align:middle;
}
    
footer > span {
    display:inline-block; vertical-align:middle;
}

.footerlegend {color: #505050; text-align:right;
               margin-right:10px;
               margin-left:10px;
}

.body-content .row p {
    padding:10px;
    background-color:white;
        border-radius:6px;
}


.body-content li {
    list-style:none;
    padding:0;
}


.body-content li:before {
    content: "★";
    padding-left:5px;
    padding-right:5px;
}

li.selected {
    padding:5px;
    background-color:black;
}

.nav > li {

/*background-color: #3276b1;
border-color: #285e8e;
    border-radius:3px;*/
    padding:2px;
}

    .nav > li > a {
    
    color: #fff !important;
    }

.logo {
    top:0px;
    margin:0px;
    height:60px;
    width:240px;
    border: solid 0px red;
    padding:0;
    position:relative;
}

.jumbotron {
    margin-top:15px;
    background-color:white;
}

/* jumbotron content */
.jumbo {
    position:relative;
    z-index:50;
}

jumbo-back {
    display:none;
}

.carousel-inner {
    border-radius:10px;
    background-color:#555;
}


.carousel-control.right {
    background-image:none;
}

.carousel-control.left {
    background-image:none;
}


.carousel-img {
    height:1px;
    min-width:100%;

}

.carousel-back {
    position:relative;
    font-size:400px;
    z-index:2;
    margin-top:-600px;
}


/* ugyanaz az icon, ami a headerben, a háttérben */
@media (min-width:500px) {

    .jumbo-back {
        display:block;
        position: relative;
        z-index: 1;
        margin-top: -430px;
        margin-right: 50px;
        float: right;
        /* color:#debd02;*/
        color: #f7f7f7;
        font-size: 330px;
    }
}