#front-city-info {
    position: relative;

    /*height: 500px;*/
    height: 733px;

    background: url("../../images/front/city-info/varosinformacio_1920x720.jpg") no-repeat center center;
    background-size: cover;
}

#front-city-info .container {
    position: relative;

    height: 100%;
}

#front-city-info .row {
    position: relative;

    /*margin-top: 15px;*/
    /*margin-left: -19px;*/
    /*margin-left: -17px;*/
}

#front-city-info .col-lg-6 {
    position: relative;
    margin-top: 66px;
    margin-left: -16px;
}

#front-city-info .front-title {
    color: #ffffff;
}

/*#front-city-info .front-blue-text-with-line {*/
#front-city-info .front-blue-text-with-line,
#front-city-info .front-blue-text-with-line-new {
    margin-top: 3px;

    margin-bottom: 52px;
}

#front-city-info .front-blue-text-with-line,
#front-city-info .front-blue-text-with-line-new .front-blue-text-with-line-new-text {
    color: #ffffff;
}

#front-city-info .front-blue-text-with-line:after,
#front-city-info .front-blue-text-with-line-new .front-blue-text-with-line-new-line {
    background-color: #ffffff;
}

.front-city-info-link {
    position: relative;

    display: block;

    width: 577px;
    height: 60px;

    left: 0;

    margin-bottom: 13px;

    /*border-radius: 10px;*/
    border-radius: 7px;

    color: #ffffff;

    font-family: Rogan-Bold;
    font-size: 24px;

    padding: 14px 24px;
    letter-spacing: 0.3px;

    background-color: rgba(255, 255, 255, 0.2);

    transition: all 0.5s ease;
}

.front-city-info-link:hover,
.front-city-info-link:focus {
    text-decoration: none;

    color: #ffffff;

    background-color: #4888d4;
}


/*#front-services .front-card-container {*/
    /*margin-top: 48px;*/
/*}*/

/* responsive */
@media (max-width: 992px) {
    .front-city-info-link {
        width: 100%;
    }
}

@media (max-width: 767px) {
    #front-city-info {
        /*height: 710px;*/
        /*height: 670px;*/
        height: auto;
        padding-bottom: 20px;

    /*($(window).width() - 1920) / 2 - 300 + "px 0"}*/
        background-position: calc((100vw - 1920px) / 2 - 200px) 0px;
    }

    .front-city-info-link {
        width: 94%;
        left: 3%;

        height: auto;

        font-size: 20px;
    }

    #front-city-info .col-lg-6 {
        /*margin: 0;*/
        /*margin: 66px 0 0 0;*/
        margin: 20px 0 0 0;

        padding: 0;
    }

    #front-city-info .front-title {
        /*font-size: 45px;*/
        /*font-size: 43px;*/
        font-size: 35px;
    }
}