/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px)
{
    .card {
        max-width: 625px;
    }
    h2 {
        font-size: 34px;
    }
    h4.panel-title {
        font-size: 31px;
    }
    #Header h2 {
        margin-top: 35px;
    }
    #Header h2.subtitle {
        margin-top: 0px;
    }
    #Header .card {
        height: 170px;
    }
    #Body .card {
        min-height: 455px;
    }
    .card-text {
        font-size: 31px;
        line-height: 37px;
        margin: 18px;
    }
    #SlovenskoSiKrasne1 div {
        width: 100%;
        position: absolute;
        left: 0px;
        top: 10px;
        color: white;
    }
    #SlovenskoSiKrasne2 div {
        width: 100%;
        position: absolute;
        left: 0px;
        top: 10px;
        color: #0B4EA2;
    }
    #Footer .card {
        height: 398px;
    }
    #Footer .card-text {
        font-size: 26px;
        line-height: 31px;
        margin: 10px;
    }
    #Footer p {
        margin-bottom: 1.0rem;
    }
    .img-statny-znak {
        width: 40px;
        margin-right: 15px;
        margin-top: -13px;
    }
    #Znalec {
        float: left;
        width: 89%;
        margin-top: 8px;
    }
    #Copyright {
        font-size: 22px;
        height: 600px;
        padding-top: 20px;
    }
}