html {
    font-size: 16px;
}



.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

body {
    margin-bottom: 60px;
}

.pchc-form {
    width: 80%;
    margin: auto;
}

.pchc-form-header, .pchc-form-content, .pchc-form-contact-information {
    margin-top: 15px;
    margin-bottom: 15px;
    border: 1px solid black;
}


.pchc-form-header {
    text-align: center;
    border: 1px solid black;
}

    .pchc-form-header .title {
        font-weight: bold;
        font-size: 20px;
        background-color: #cccccc;
        color: #7e207a;
        font-family: Arial, Sans-Serif;
        width: 80%;
        margin: 10px auto;
    }

.highlighted-alert {
    color: red;
    font-weight: bold;
    border: solid 1px black;
    padding: 3px;
    background-color: yellow;
    margin: 15px
}

.question-list-row.header{
    display: none;
    font-weight: bold;
}

.question-list-row div {
    padding-top: 10px;
    margin: auto;
    width: 80%
}

.multichoice {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

    .multichoice .option {
        position: relative;
        font-size: 14px;
        text-align: center;
        background-color: white;
        border: black solid 1px;
        border-radius: 5px;
        display: block;
        width: 100%;
        margin: 5px;
    }

        .multichoice .option input[type=radio] {
            display: none;
        }

        .multichoice .option input[type="radio"]:checked + span {
            background-color: lawngreen;
        }

        .multichoice .option label, .multichoice .option span {
            display: block;
            width: 100%;
            height: 100%;
        }

        .multichoice .option span {
            padding: 3px;
            border-radius: 5px;
        }

        .multichoice .option:nth-child(1) {
            order: 5;
        }

        .multichoice .option:nth-child(2) {
            order: 4;
        }

        .multichoice .option:nth-child(3) {
            order: 3;
        }

        .multichoice .option:nth-child(4) {
            order: 2;
        }

        .multichoice .option:nth-child(5) {
            order: 1;
        }

.question-list-row:nth-child(even) {
    background-color: #efefef;
}



.pchc-form textarea {
    width: 100%;
    height: 60px;
    border: 1px solid black;
    resize: none;
}

.pchc-form-contact-information .wrapper {
    width: 80%;
    margin: 15px auto;
}

select {
    width: 80%;
}

.label-and-text {
    margin: auto;
    width: 100%;
}

    .label-and-text input, .label-and-text select {
        width: 100%
    }

.label-and-textarea {
    width: 80%;
    margin: 10px auto;
}

footer {
    position: fixed;
    bottom: 10px;
    left: 10px;
    /*width: 100%*/
}

@media (min-width: 900px) {
    html {
        font-size: 16px;
    }

    .question-list-row.header {
        display: block !important;
    }

    .question-list-row div {
        padding: 5px;
    }

    .question-list-row .question {
        margin: 0;
    }

    .question-list-row .q-and-a {
        width: 80%;
        display: flex;
    }

    .multichoice {
        display: inline !important;
        margin-left: 50px !important;
    }

        .multichoice .option input[type=radio] {
            display: inline !important;
            width: 15px;
            height: 15px;
            border: 0;
        }

        .multichoice .option {
            border: none !important;
            display: inline-block !important;
            width: 20px !important;
            position: relative;
            font-size: 14px;
            text-align: center;
        }

            .multichoice .option span {
                display: none !important;
            }

            .multichoice .option label {
                display: inline !important;
            }

    .question-list-row:nth-child(even) span {
        background-color: #efefef;
    }
}