.max-content {
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;
    padding: 0 50px;
}

@font-face {
    font-family: 'montserrat-extrabold';
    src: url('../fonts/montserrat-extrabold-webfont.woff');
}

@font-face {
    font-family: 'montserrat-regular';
    src: url('../fonts/montserrat-regular-webfont.woff');
}

@font-face {
    font-family: 'montserrat-bold';
    src: url('../fonts/montserrat-bold-webfont.woff');
}

* {
    font-family: 'montserrat-regular';
    scroll-behavior: smooth;
}

header {
    background-image: url('../images/background-maquina-de-vendas-na-estrada-2.webp');
    background-position: center 40%;
    background-size: cover;
    background-attachment: fixed;
}

.button-action-primary {
    border-radius: 999px;
    padding: 16px 36px;
    background-color: #F95500;
    font-family: 'montserrat-bold';
    width: fit-content;
    transition: all .6s ease;
    cursor: pointer;
    transition: all padding 500ms ease-in-out;  
    box-shadow: 0 0 0 0 #a33a05;
    animation: pulso 1.5s infinite;

}

.concreto {
    background: linear-gradient(rgba(0, 0, 0, 0.815), rgba(0, 0, 0, 0.747)),
        url('../images/background-maquina-de-vendas-na-estrada-concreto.webp') repeat fixed center center;
    background-size: cover;
}

.estrada {

    background:
        linear-gradient(rgba(247, 97, 23, 0.849), rgba(236, 92, 20, 0.781)),
        url('../images/background-maquina-de-vendas-na-estrada.webp') no-repeat fixed center center;
    background-size: cover;

}

.tiago-back {

    background: linear-gradient(rgba(0, 0, 0, 0.815), rgba(0, 0, 0, 0.747)),
        url('../images/background-maquina-de-vendas-na-estrada-thiago-reis.webp') no-repeat fixed center 10%;
    background-size: cover;
}

.button-action-primary:hover {
    color: black;
    box-shadow: 0 0 10px #F95500;
}

.bold-font {
    font-family: 'montserrat-bold';
}

.translate-metade {
    transform: translateY(50%);
}

.ball {
    background-color: gray;
    width: 400px;
    height: 400px;
    border-radius: 100%;
    filter: blur(300px);
    position: absolute;
    color: #00000025;
}

button {
    cursor: pointer;
}

@keyframes pulso {
    0% {
        transform: scale();
    }

    70% {
        transform: scale();
        box-shadow: 0 0 0 20px rgba(69, 152, 27, 0);
    }

    100% {
        transform: scale();
        box-shadow: 0 0 0 0 rgba(69, 152, 27, 0);
    }
}

.none {
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
}

hr {
    background-color: rgba(128, 128, 128, 0.219);
    color: rgba(128, 128, 128, 0.466);
}
.shadow{
    box-shadow: 0 0 10px 3px #f9530065;
}
@media (max-width: 1024px) {
    .max-content {
        padding: 0 15px;
    }
}
@media (max-width: 767px){

    header{
        background-image: url(../images/backHeaderMobile.png);
        background-position: center top;
    }

}