body {
    background-image: url("../../images/common/lost-step/fond-lost-step.jpg");
    background-repeat: repeat;
    background-size: 50%;
    background-color: #e7e8ec;
}

.container-lost-step {
    text-align: left;
    min-height: 100vh;
    font-family: 'Raleway', Arial, sans-serif;
    padding: 0;
}

.opacity-block {
    background-color: white;
    padding: 80px 10%;
    opacity: 0.9;
    filter: alpha(opacity=90);
    /* For IE8 and earlier */
}

.h1-lost-step {
    font-size: 2em;
    font-weight: bold;
    color: #253858;
}

.text-lost-step {
    max-width: 600px;
    color: #716c80;
}

#button-lost-step {
    color: #fff;
    background: linear-gradient(#266aaf, #2e7fd2);
    border: 2px solid transparent;
    border-radius: 50px;
    padding: 20px;
    width: 70%;
    height: auto;
    display: inline-block;
    text-align: center;
}

#button-lost-step:hover {
    box-shadow: rgb(46, 127, 210, 0.5) 0px 10px 25px 0px;
}

#button-lost-step a {
    text-decoration: none;
}

/* =============================
/* MEDIA QUERIES
================================ */

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {}

/* Large devices ++ (large desktops, 1200px and 2000px) */
@media (min-width: 1200px) and (max-width: 2000px) {}

/* Extra large devices (large desktops, 2000px and up) */
@media (min-width: 2000px) and (max-width: 5000px) {}