body {
    background: #020304;
    color: rgba(250, 250, 250, 1);
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border-color: rgba(229, 26, 31, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(229, 26, 31, 0.6);
    outline: 0 none;
}

/* QUESTION */
.question-title{
    border: 2px solid #7C7B7B;
    background-color: #646363;
    padding: 1rem 0.5rem;
    margin-bottom: 1rem;
    color: #ededed;
    text-decoration: none;
}

.question-title:hover {
    color: #ededed;
    background-color: #7C7B7B;
}

.question-content {
    border: 2px solid #7C7B7B;
    background-color: #646363;
    padding: 2rem 3rem;
}

.question-button {
    cursor: pointer;
}

/* HEADER */
.headerLogotype {
    height: 150px;
}

/* BREADCRUMBS*/
.breadcrump {
    border-top: 10px solid #202020;
    background-color: #020304;
    padding: 8px 16px;
    filter: drop-shadow(3px 5px 5px #111);
    margin-bottom: 30px;
}

.breadcrump, .breadcrump a {
    color: #757575;
}

/* FOOTER */
footer {
}

footer a {
    text-decoration: none;
    color: #757575;
}

footer a:hover {
    font-weight: bold;
    color: #757575;
}

/* HOMEPAGE */
.divider {
    background-color: #393838;
    height: 10px;
    margin: 0;
    box-shadow: inset 0px 0px 2px 0px rgba(255, 255, 255, 1), 2px 12px 10px 0px rgba(0, 0, 0, 1);
}

section.default-section h2 {
    text-shadow: -3px 4px 6px rgba(0, 0, 0, 1);
}

p.fw-normal {
    font-size: 28px !important;
    text-shadow: -3px 4px 6px rgba(0, 0, 0, 1);
}

.app-store-badge {
    width: 100%;
    max-height: 85px !important
}

.google-play-badge {
    position: relative;
    width: 100%;
}

input {
    border: 3px solid #D0D0D0;
    border-right: none;
    border-radius: 0;
    padding: 1rem 2rem !important;
    font-size: 2rem !important;
}

.input-button {
    font-size: 2rem !important;
    font-weight: bold;
    color: #fefefe;
    background-color: #E51A1F;
    border: 3px solid rgba(229, 26, 31, 0.8);
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}

main {
    background: url(./images/background.webp) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}


@media screen and (max-width: 768px) {
    .app-store-badge {
        max-height: 54px !important;
    }

    p.fw-normal {
        font-size: 20px !important;
    }

    section.default-section h2 {
        font-size: 26px !important;
    }
}