@media only screen and (max-width: 600px) {
    h1 {
        font-size: xxx-large;
        margin: auto;
    }
    p {
        font-size: xxx-large;
    }

    .image {
        border: 1px solid #2e3436;
    }
}

body {
    display: flex;
    text-align: center;
    justify-content: center;
    width: 1178px;
    margin: auto;
}

button {
    padding: 30px 60px;
    background: greenyellow;
    border-radius: 30px;
    font-weight: bolder;
    font-size: x-large;
}

button:hover {
    cursor: pointer;
    opacity: .80;
}

.container {
    padding: 10px;
}

.important {
    border: #005cbf 1px solid;
    border-radius: 30px;
    padding: 20px;
    background-color: #00A5E3;
}

.step {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#second-step {
    background-image: url("../images/second.png");
    width: 630px;
    height: 279px;
}

#second-first-step {
    background-image: url("../images/2-1.png");
    width: 560px;
    height: 397px;
}

#second-second-step {
    background-image: url("../images/2-2.png");
    width: 633px;
    height: 623px;
}

#second-third-step {
    background-image: url("../images/2-3.png");
    width: 444px;
    height: 376px;
}

#second-fourth-step {
    background-image: url("../images/2-4.png");
    width: 830px;
    height: 604px;
}

#third-step {
    background-image: url("../images/third.png");
    width: 718px;
    height: 287px;
}

#fourth-step {
    background-image: url("../images/fourth.png");
    width: 718px;
    height: 287px;
}

#fifth-step {
    background-image: url("../images/fifth.png");
    width: 606px;
    height: 440px;
}

#seventh-step {
    background-image: url("../images/seventh.png");
    width: 1178px;
    height: 588px;
}

#ninth-step {
    background-image: url("../images/ninth.png");
    width: 663px;
    height: 500px;
}

#tenth-step {
    background-image: url("../images/tenth.png");
    width: 622px;
    height: 162px;
}