/*
section VPN
*/
#vpn-block {
    background: url("../img/vpn-background.png") no-repeat;
    min-height: 573px;
    background-size: cover;
    font-family: Helvetica;
    color: black;
}

#vpn-block .section-header h5 {
    font-size: 22px;
    margin: 25px;
    font-weight: 500;
    line-height: 26px;
}

#vpn-block .section-header h2 {
    font-size: 30px;
    font-weight: 700;
}

#vpn-block .section-header {
    margin: 30px 0 40px 0;
}

#vpn-block.background-image-position{
    background-position: 50% 50%;
}

#vpn-body {
    /*display: flex;*/
    /*align-items: center;*/
    /*justify-content: space-around; !* для мобіли center *!*/
    position: relative;
    /*flex-wrap: wrap;*/
}

#vpn-body .icon-container {
    /*justify-content: center;*/
    /*display: flex;*/
    /*flex-direction: column;*/
}

#vpn-body .section-body {
    padding-top: 60px;
    /*flex: 1;*/
}

#vpn-body .inside-icon {
    position: relative;
    margin: 0 auto 30px;
}

#vpn-body .inside-icon.icon {
    width: 170px;
    height: 170px;
}

#vpn-body .inside-icon > img {
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%,-50%);
}

#vpn-body .under-icon-text {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #47A0DA;
    padding: 0 10%;
}

#vpn-body .line:after {
    height: 1px;
    border: 0;
    border-top: 2px dashed #00a2df;
    margin: 0;
    padding: 0;

    position: absolute;
    content: " ";
}

#vpn-body .separate-line:after {
    left: 76%;
    top: 28%;
    width: 47%;
}

@media only screen and (min-width: 1367px) {

    #vpn-block .section-header h5 {
        font-size: 22px;
        margin: 25px;
        font-weight: 500;
        line-height: 26px;
    }

    #vpn-block .section-header h2 {
        font-size: 30px;
        font-weight: 700;
    }

    #vpn-body .under-icon-text {
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
        color: #47A0DA;
        padding: 0 17%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {

}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    #vpn-body .separate-line:after {
        left: 27%;
        top: 115%;
        width: 46%;
    }

    #vpn-body .icon-container {
        margin-bottom: 65px;
    }
}

@media only screen and (min-width: 480px) and  (max-width: 767px) {
    #vpn-body .separate-line:after {
        left: 27%;
        top: 115%;
        width: 46%;
    }

    #vpn-body .icon-container {
        margin-bottom: 65px;
    }
}

@media only screen and (max-width: 479px) {

    #vpn-block .section-body {
        padding-top: 30px;
        flex: 1;
    }

    #vpn-block .section-header h5 {
        font-size: 18px;
        margin: 25px;
        font-weight: 500;
        line-height: 26px;
    }

    #vpn-block .section-header h2 {
        font-size: 22px;
        font-weight: 700;
    }

    #vpn-block.background-image-position{
        background-position: 70% 30%;
    }

    #vpn-body .separate-line:after {
        left: 20%;
        top: 112%;
        width: 60%;
    }

    #vpn-body .icon-container {
        justify-content: center;
        display: flex;
        flex-direction: column;
        margin-bottom: 65px;
    }

    #vpn-body .inside-icon.icon {
        width: 130px;
        height: 130px;
    }

    #vpn-body .under-icon-text {
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
        color: #47A0DA;
        padding: 0 5%;
    }
}