@font-face {
    font-family: 'Impact';
    src: url('../fonts/Impact.eot');
    src: url('../fonts/Impact.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Impact.woff2') format('woff2'),
    url('../fonts/Impact.woff') format('woff'),
    url('../fonts/Impact.ttf') format('truetype'),
    url('../fonts/Impact.svg#Impact') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'PT Sans';
    src: url('../fonts/PTSans-Regular.eot');
    src: url('../fonts/PTSans-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/PTSans-Regular.woff2') format('woff2'),
    url('../fonts/PTSans-Regular.woff') format('woff'),
    url('../fonts/PTSans-Regular.ttf') format('truetype'),
    url('../fonts/PTSans-Regular.svg#PTSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.center {
    text-align: center;
}
.mafia--section {
    padding-bottom: 100px;
    background: url("../img/mafia/bullet_hole_01.png") no-repeat 2.16667% calc(31.7234% - 8.78477vw)/19.9479% auto,
                url("../img/mafia/bullet_hole_02.png") no-repeat 107.3021% calc(49.79787% - 8.78477vw)/22.03125% auto,
                url("../img/mafia/bullet_hole_03.png") no-repeat 46.14583% calc(81.34042% - 8.78477vw)/26.04167% auto,
                url("../img/mafia/bullet_hole_04.png") no-repeat 94.60638% calc(82.55208% - 8.78477vw)/26.04167% auto,
                url("../img/mafia/bullet_hole_05.png") no-repeat 5.25532% calc(99.01042% - 8.78477vw)/23.90625% auto;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
}
.mafia--section .wrapper {
    width: 96%;
    max-width: 1360px;
    margin: 0 auto;
}
.mafia_title {
    font-size: 65px;
    font-family: "Impact", sans-serif;
    color: rgb(0, 0, 0);
    text-transform: uppercase;
    line-height: 1.2;
    text-shadow: 2px 2px 0 white, 2px -2px 0 white, -2px 2px 0 white, -2px -2px 0 white,
                   5px 5px 0 red, 5px -5px 0 red, -5px 5px 0 red, -5px -5px 0 red;
    margin: 0;
}
.wrapper-top {
    background: url("../img/mafia/top-bg-2.png") no-repeat right top/contain;
    padding: 50px 730px 120px 0;
}
.mafia_text, .mafia_text--bordered p {
    font-size: 28px;
    font-family: "PTSans", sans-serif;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    line-height: 1.2;
    margin: 0;
}
.mafia_text--bordered {
    border: 10px solid red;
    background-color: black;
    padding: 55px;
    margin: 0 30px 60px;
}
.mafia_pref {
    margin: 0 auto 65px;
    padding: 0;
    list-style-type: none;
    display: flex;
    justify-content: center;
    max-width: 1700px;
    width: 100%;
}
.mafia_pref li {
    width: 33%;
    padding: 0 15px;
}
h1.mafia_title {
    margin-bottom: 40px;
}
.mafia_pref .mafia_title {
    margin-bottom: 15px;
}
.mafia_pref .mafia_text {
    font-size: 22px;
}
.mafia_text--bordered p:first-child {
    margin-bottom: 25px;
}



@media screen and (max-width: 1360px) {
    .mafia--section {
        padding-bottom: 7.35294vw;
        background: url("../img/mafia/bullet_hole_01.png") no-repeat 2.16667% calc(31.7234% - 8.78477vw)/19.9479% auto,
        url("../img/mafia/bullet_hole_02.png") no-repeat 107.3021% calc(49.79787% - 8.78477vw)/22.03125% auto,
        url("../img/mafia/bullet_hole_03.png") no-repeat 46.14583% calc(81.34042% - 8.78477vw)/26.04167% auto,
        url("../img/mafia/bullet_hole_04.png") no-repeat 94.60638% calc(82.55208% - 8.78477vw)/26.04167% auto,
        url("../img/mafia/bullet_hole_05.png") no-repeat 5.25532% calc(99.01042% - 8.78477vw)/23.90625% auto;
    }
    .mafia_title {
        font-size: 4.77941vw;
        text-shadow: 0.14706vw 0.14706vw 0 white, 0.14706vw -0.14706vw 0 white, -0.14706vw 0.14706vw 0 white, -0.14706vw -0.14706vw 0 white,
        0.36765vw 0.36765vw 0 red, 0.36765vw -0.36765vw 0 red, -0.36765vw 0.36765vw 0 red, -0.36765vw -0.36765vw 0 red;
    }
    .wrapper-top {
        padding: 3.67647vw 53.67647vw 8.82353vw 3.67647vw;
        width: 100% !important;
    }
    .mafia_text, .mafia_text--bordered p {
        font-size: 2.05882vw;
    }
    .mafia_text--bordered {
        border: 0.73529vw solid red;
        padding: 4.04412vw;
        margin: 0 2.20588vw 4.41176vw;
    }
    .mafia_pref {
        margin: 2.94118vw auto 4.77941vw;
    }
    .mafia_pref li {
        padding: 0 1.10294vw;
    }
    h1.mafia_title {
        margin-bottom: 2.94118vw;
    }
    .mafia_pref .mafia_title {
        margin-bottom: 1.10294vw;
    }
    .mafia_pref .mafia_text {
        font-size: 1.61765vw;
    }
    .mafia_text--bordered p:first-child {
        margin-bottom: 1.83823vw;
    }
    .mafia_small { font-size: 1.25882vw; padding-left:20px; line-height: 1.6;}
}
@media screen and (max-width: 720px) {
    .mobile .wrapper-top {
        background-size: cover;
        padding-right: 40%;
        background-position-x: 30%;
    }
    .mobile .mafia_title {
        font-size: 5.73529vw;
    }
    .mobile .mafia_text, .mobile .mafia_text--bordered p {
        font-size: 3.18235vw;
    }
    .mobile .mafia_pref .mafia_text {
        font-size: 2.56471vw;
    }
    .mobile .mafia_pref {
        flex-direction: column;
    }
    .mobile .mafia_pref li {
        display: flex;
        align-items: center;
        width: 80%;
        margin: 0 auto 3.18235vw;
    }
    .mobile .mafia_pref .mafia_title {
        margin-bottom: 0;
        margin-right: 2.20588vw;
    }
    .mafia_small {  padding-left:20px; line-height: 1.6; font-size: 1.85882vw;}
}