@media all and (max-width: 1399px) {
    .container {
        width: 1140px
    }
    #post .post-content figure{
        width: 400px;
        height: 300px;
    }
    #blog .short-post__img-wrapper img{
        object-fit: cover;
        width: 100%;
        height: 100%;
    }    
    #blog .short-post__img-wrapper{
        width: 270px;
        height: 200px;
    }
}

@media all and (max-width: 1199px) {
    .container {
        width: 960px
    }
}

@media screen and (max-width: 991px) {
    #copyright a{
        display: block;
    }
    .img-desk{
        display: none;
    }
    .img-mob{
        display: block;
    }
    .h1-wrapper h1{
        font-size: 1.5em;
    }
    .h1-wrapper{
        height: 150px;
    }
    .btn-link a{
        width: 150px;
        font-size: 0.8em;
        padding: 15px 20px;
    }

    section h2{
        margin: 20px 10px;
        font-size: 1.1em;
    }
    p{
        font-size: 0.9em;
    }
    ol{
        font-size: 0.9em;
    }
    .logo{
        width: 200px;
    }
    #footer {
        padding: 50px 0px;
    }
    #footer > div:nth-child(2) a {
        justify-content: center
    }
    #footer > div {
        width: 100%;
        padding: 20px;
        text-align: center;
    }
    #footer > div:nth-child(3) {
        text-align: center;
    }
    #footer > div:nth-child(2) {
        order: 1;
        margin-top: 50px;
    }
    #blog .all-posts {
        width: 100%;
    }
    #blog .blog-wrapper .short-post{
        width: 100%;
    }
    #blog .all-posts-links{
        width: 100%;
    }
    #blog .all-post-list {
        max-height: 0px;
        overflow: hidden;
        -webkit-transition: max-height 0.3s ease-in-out;
        -moz-transition: max-height 0.3s ease-in-out;
        -o-transition: max-height 0.3s ease-in-out;
        -ms-transition: max-height 0.3s ease-in-out;
        transition: max-height 0.3s ease-in-out;
    }
    #blog .question:checked ~ .all-post-list {
           max-height: 600px;
           transition: max-width 400ms ease-in-out;
           -webkit-transition: max-height 0.5s ease-in-out, box-shadow 0.1s linear;
           -moz-transition: max-height 0.5s ease-in-out, box-shadow 0.1s linear;
           -o-transition: max-height 0.5s ease-in-out, box-shadow 0.1s linear;
           -ms-transition: max-height 0.5s ease-in-out, box-shadow 0.1s linear;
           transition: max-height 0.5s ease-in-out, box-shadow 0.1s linear;
    }
    #blog .question-label {
           position: absolute;
           top: -8px;
           left: 211px;
           margin-right: 0.5em;
           margin-top: 2px;
           height: 49px;
           align-items: center;
           display: flex;
           justify-content: center;
           padding: 10px;
           padding-top: 0px;
           border-radius: 10px;
    }
    #blog .question-label span,
    #blog .question-label span::before{
           display: block;
           background: #333;
           height: 4px;
           width: 15px;
           border-radius: 2px;
           position: relative;
           z-index: 999;
    }
    #blog .question-label:hover > span,
    #blog .question-label:hover > span::before{
           background: #333;
    }
    #blog .question-label span::before{
           content: '';
           position: absolute;
    }
    #blog .question-label span{
           transform: rotate(134deg);
    }
    #blog .question-label span::before{
           transform: rotate(90deg);
           transition: transform 0.3s ease-in-out;
           left: 6px;
           top: 7px;
    }
    #blog .question:checked ~ .question-label span::before {
           transform: rotate(90deg);
           top: -6px;
    }
    #blog .question:checked ~ .question-label span {
           transform: rotate(221deg);
    }
    #blog .blog-wrapper > .short-post{
        width: 100%;
    }
/* 

    .content-wrapper > div p{
        width: 100%;
    }
    .content-wrapper > div{
        flex-wrap: wrap;
        margin-top: 20px;
        width: 45%;
        justify-content: flex-start;
    }
    .content-wrapper > div .h3{
        width: 250px;
        height: auto;
    }
    .content-wrapper > div h3{
        height: 80px;
        padding: 20px 30px 20px 40px;
        font-size: 20px;
    }

    h2.sub-title::before{
        left: 25px;
        top: 7px;
    }
    h2.sub-title{
        padding-left: 50px;
        font-size: 30px;
        padding-right: 10px;
        line-height: 1;
    }
    section:not(:first-of-type){
        margin-top: 100px
    } */
    /* #opis .section-content .right{
        width: 100%;
        margin-top: 50px;
    }
    #opis .section-content .right h6{
        width: 80%;
        font-size: 20px;
    }
    #opis .section-content{
        flex-wrap: wrap
    } */
    .blog-wrapper > .short-post{
        width: 100%;
        margin-bottom: 50px;
    }
    #blog .blog-wrapper{
         padding: 20px
    }
    #post .post-wrapper {
        padding: 20px;
        flex-wrap: wrap;
    }
    #post .post-content{
        width: 100%;
        padding-right: 0;
    }
    #post .last-post{
        width: 100%;
        margin-top: 50px
    }
    /* .last-post > a{
        margin-top: 0px
    }
    .contact-wrapper__map {
        width: 100%;
        height: 300px;
        margin: 80px 0px
    } */

    /* .contact-wrapper__form form {
        width: 100%
    }

    .contact-wrapper__form {
        width: 100%
    }

    .contact-wrapper {
        padding: 20px
    } */

    /* .title-wrapper {
        margin-top: 70px;
        background-position: bottom right;
        padding: 80px 10px 200px;
    } */

    /* #footer > div:nth-child(2) a {
        justify-content: center
    }

    #footer > div {
        width: 100%;
        padding: 20px;
        text-align: center;
    }

    #footer > div:nth-child(3) {
        text-align: center;
    }

    #footer > div:nth-child(2) {
        order: 1;
        margin-top: 70px;
    } */

    /* #q-and-a .q-and-a-box p {
        padding-right: 40px;
    }

    #q-and-a .q-and-a-wrapper {
        padding: 0px;
        padding-top: 50px
    } */


    .container {
        width: 100%
    }

/* 
    .bcg {
        height: auto
    }
 */


    /* 
    }
    #q-and-a ul.btns{
        flex-wrap: wrap;
    }
    #q-and-a ul.btns li {
        margin: 3%;
    } */
    #blog .short-post__img-wrapper, #post .post-content figure{
        width: 500px;
        height: 300px;
    }
}

@media all and (max-width: 767px) {
    header #logo_mob{
        display: block;
    }
    header #logo_desk{
        display: none;
    }
    header #burger{
        display: flex;
    }
    /* header #main_nav{
        display: none;
    }
    header #burger[aria-expanded="true"] ~ #main_nav {
        display: block;
    } */
    header #nav_and_language{
        display: none;
    }
    header #languages_mob{
        display: flex;
    }
    header #languages_desk {
        display: none;
    }
    /* header #burger[aria-expanded="true"] ~ #nav_and_language {
        display: block;
    } */


}

@media all and (max-width: 575px) {
    #blog .short-post__img-wrapper, #post .post-content figure{
        width: 270px;
        height: 200px;
    }
    #post .post-text .post__img-wrapper-big{
        width: 310px;
        height: 450px;
    }
    #post .post-text .post__img-wrapper{
        width: 300px;
        height: 200px;
    }
    #post .post-text .vazno{
        margin-right: 0px;
    }

    /* .content-wrapper > div{
        width: 90%;
    }
    .content-wrapper .h3-sadrzaj{
        width: 75%;
        margin: 0 auto;
    }
    .contact-wrapper__map {
        margin-bottom: 0px;
    }

    .icon-part-wrapper .info-wrapp {
        padding-top: 0px
    }

    .icon-part-wrapper {
        margin-top: 0px
    }

    .icon-part-wrapper {
        flex-wrap: wrap
    } */

    /* .middle-line {
        display: none
    }

    } */
}

@media all and (max-width: 320px) {
    /* .content-wrapper > div{
        width: 100%;
    } */
}