/* 
    Created on : 22. 9. 2023, 9:00:28
    Author     : Rataj Martin
*/
.logo{
    margin:10px;
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .logo {
        margin: 10px auto;
    }

    .stranka{
        padding:0px;
        margin:0;
        border-radius:0;
    }
    .container{
        padding:0;
    }
    #formRez{
        border-radius:0!important;
    }
    #obnovit{
        margin-bottom:10px;
    }
    h1,h2{
        margin:0.4em!important;
    }
    .modal-content {
        margin: 18% 3%;
    }
    .rezBox{
        padding:15px 0!important;
        margin:0px;
        border:0!important;
    }
    .rezBoxes{
        margin:10px;
        border:1px solid lightgray;
        overflow:hidden;
    }
    #prijezdBox,#odjezdBox{
        float:none!important;
        width:auto!important;
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) and (max-width: 767px) {
    .introH1{
        display:none;
    }
    .stranka{
        padding:8px;
    }
    .container{
        padding:0;
    }
    #formRez{
        border-radius:0!important;
    }
    #obnovit{
        margin-bottom:10px;
    }
    h1,h2{
        margin:0.4em!important;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) and  (orientation: landscape) {
    .nav>li>a {
        padding: 8px 15px;
        font-size:13px;
    }
    nav{
        min-height:30px!important;
    }
    .introH1{
        font-size:40px;
        /*padding:20px 0;*/
        top:50px;
        position:relative;
    }
    .stranka{
        padding:8px;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .nav>li>a {
        padding: 8px 25px!important;
        font-size:14px;
    }
    .stranka{
        padding:5px 15px;
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .nav>li>a {
        padding: 10px 40px;
        font-size:16px;
    }
    .stranka{
        padding:5px 15px;
    }
}
@media only screen and (min-width: 1440px){
    .container {
        width: 1440px !important;
    }
    .nav>li>a {
        padding: 12px 48px !important;
    }
    .stranka{
        padding:5px 15px;

        margin:0px auto;
    }
}