* {
    position: relative;
    transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
}

body {
    overflow-x: hidden;
}

.no-padding {
    padding: 0;
}

.space {
    padding: 40px 0;
}

.space-bottom {
    padding-bottom: 90px;
}

.st-block img.full {
    width: 100%;
}

#st .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

#st .button {
    margin-bottom: 20px;
    width: 210px;
}

#st .inner a {
    display: inline-block;
}

#st a:hover .button {
    transform: scale(1.15);
}

.center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}


/*#st .flex::before {
    background-color: #111;
    content: "";
    height: 1px;
    left: 54%;
    position: absolute;
    right: -500px;
    transform: rotate(-37deg);
    transform-origin: 32% 0 0;
    z-index: 9999;
}
#st .flex::after {
    background-color: #111;
    content: "";
    height: 1px;
    left: -500px;
    position: absolute;
    right: 54%;
    top: 0;
    transform: rotate(37deg);
    transform-origin: 67% 0 0;
}
*/

#st .st-block .inner {
    margin-top: 20px;
}

#st .logo {
    margin: auto;
    width: 200px;
}

@media (max-width: 500px) {
    #st .button {
        width: 80px;
    }
    #st .logo {
        width: 80px;
    }
    .st-block a {
        display: block;
    }
    .st-block {
        padding: 0 10px;
    }
}

@media (min-width: 501px)and (max-width: 767px) {
    #st .button {
        width: 130px;
    }
    #st .logo {
        width: 130px;
    }
    .st-block a {
        display: block;
    }
    .st-block {
        padding: 0 15px;
    }
}