html{
    font-family: Arial, Helvetica, sans-serif;
}
body{
    margin:0;
    background: rgb(255,250,230);
    background: linear-gradient(90deg, rgba(255,250,230,1) 0%, rgba(255,253,246,1) 50%, rgba(255,250,230,1) 100%);
}
#img-horizontal{
    display:none;
}
#explications-header{
    font-size: 2em;
    width: 100%;
    /*background-image: url('../assets/images/mariage_vertical.jpg');
    background-size: cover;*/
}

#explications-header img{
    width:100%;
    vertical-align: middle;
}

#text-header{

    color: #ffffff;
    font-size: 1.5em;
    margin-top: -48%;
    margin-bottom: 15%;
    text-shadow: #000000 2px 2px 3px;
    text-align: center;
}

.explications-block{
    width: 90%;
    text-align: center;
    margin: 0 10px;
}

#block-stark-explications{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.block-text-header{
    font-size: larger;
    font-weight: bold;
}

.block-img{
    width: 15%;
}

#block-stark-webform{
    margin:5%;
}
#edit-si-vous-avez-une-remarque-a-nous-faire-parvenir-remplicez-ce-cha,
#edit-je-viens-avec-une-autre-personne-other,
#edit-nom-prenon{
    width: 100%;
}

#block-stark-webform h2{
    text-align:center;
}

#edit-je-viens--wrapper{
    margin:0;
}

#block-stark-webform .form-item-si-vous-avez-une-remarque-a-nous-faire-parvenir-remplicez-ce-cha label,
#edit-je-viens-avec-une-autre-personne legend,
#block-stark-webform .form-item-regime-alimentaire label,
#block-stark-webform #edit-je-viens--wrapper legend,
#block-stark-webform .form-item-nom-prenon label{
    display: block;
    font-weight: bold;
    font-size: 2.2em;
}

#block-stark-webform #edit-actions{
    text-align: center;
}

#explications-content{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-items: flex-start;
}

#webform-submission-rsvp-node-1-add-form{
    text-align: center;
}

#edit-je-viens{
    text-align: left;
}

.form-item-je-veux-profiter-du-maquillage-25eu,
.form-item-je-veux-profiter-de-la-coiffure-35eu{
    text-align: left;
}

#edit-je-viens-avec-une-autre-personne-select,
#edit-regime-alimentaire,
input{
    font-size: 2em;
}

.form-item-je-veux-profiter-du-maquillage-25eu input,
.form-item-je-veux-profiter-de-la-coiffure-35eu input,
#edit-je-viens input{
    height: 40px;
    width: 40px;
}

.form-item-je-veux-profiter-du-maquillage-25eu label,
.form-item-je-veux-profiter-de-la-coiffure-35eu label,
.form-item-je-viens-au-brunch-du-lendemain-midi label,
.form-item-je-viens-au-mariage-le-samedi label {
    margin-left:10px;
}

.form-item-je-veux-profiter-du-maquillage-25eu,
.form-item-je-veux-profiter-de-la-coiffure-35eu,
.form-item-je-viens-au-brunch-du-lendemain-midi,
.form-item-je-viens-au-mariage-le-samedi {
    display: flex;
    align-items: center;
}

@media only screen and (min-width: 992px) {
    #img-horizontal{
        display:initial;
    }
    #img-vertical{
        display:none;
    }

    #text-header {
        font-size: 3em;
        margin-bottom: 40%;
        width: 50%;
        text-align: left;
        padding-left: 10%;
    }

    .block-img{
        width: 20%;
    }

    #explications-content{
        flex-direction: row;
    }

    #block-stark-webform{
        margin: 2%;
    }
}