/* GENERAL MAIN */

:root {
    --blauFosc: #222831;
    --blauClar: #30475E;
    --taronja: #FF7000;
    --gris: #ECECEC;
}

main {
    padding-top: 1.5em;
}

main a:hover {
    color: var(--taronja);
}

main p, main h1, main label, main legend, main textarea {
    color: var(--blauClar);
}

/* TÍTULO */

main #main-title {
    padding-bottom: 2em;
}

/* CAJAS DE CONTACTO */

main #main-linkBox div {
    border: 2px solid var(--blauClar);
}

main .main-icon {
    margin-bottom: 0;
    font-size: 1.5em;
}

/* FORMULARIO MAIN */

main form a {
    text-decoration: underline;
}

main #main-content {
    margin-top: 4em;
}

main #main-form {
    padding: 1.5em;
}

main #main-form, main textarea {
    background-color: var(--gris);
}

main h1, #main-linkBox p {
    text-align: center;
}

main form #main-inputsBox {
    padding: 0;
    margin-bottom: 0.5em;
}

main form #main-inputsBox input {
    width: 100%;
    margin-top: 0.5em;
    margin-bottom: 1em;
}

main form fieldset {
    width: 100%;
}

main form textarea {
    width: 100%;
    border: 0px;
    resize: none;
}

main form input[type="checkbox"] {
    margin: 1.5em 0;
}

main form button {
    border: 2px solid black;
    background-color: #FF7000;
    height: 2em;
    width: 5em;
    cursor: pointer;
    color: white;
    box-shadow: 2px 2px 0px 0px black;
}

/* IMAGEN MAIN */

main #main-img {
    padding: 0;
}

main #main-img img {
    width: 100%;
    margin-top: 19%;
	border-radius: 18px;
}

/* FOOTER */

.inputsNewsLetter #form-correo {
    width: 14em;
    padding: 0.14em 0em;
    letter-spacing: 0.01em;
    text-align: center;
}

/* MÓVIL */

@media only screen and (max-width: 767px) {

    main #main-linkBox div {
        margin-bottom: 0.05em;
    }

    main #main-content {
        margin-top: 2em;
    }

    main #main-submit {
        display: flex;
        justify-content: center;
    }

    main #main-img {
        margin-top: 2em;
    }

    main #main-img img {
        margin: 0;
    }

}