.row.as-form-row{
    padding: 10px;
}

.col.as-form-col{
    background-color: var(--white);
    padding: 10px;
    border-radius: 5px;
    box-shadow: var(--shadowFive);
}

.col.as-form-col p{
    display: inline-grid;
}

.col.as-form-col input{
    border: 1px solid #ced4da;
    border-radius: 5px;
}
.col.as-form-col input:focus{
    background-color: var(--inputTextareaBackground);
}

.col.as-form-col textarea{
    border: 1px solid #ced4da;
    border-radius: 5px;
}
.col.as-form-col textarea:focus{
    background-color: var(--inputTextareaBackground);
}
.col.as-form-col textarea:focus-visible{
    outline: none;
    box-shadow: var(--asRed) 0px 0px 0px 3px;
}

@media only screen and (max-width:500px){
    .col.as-form-col p{
        display: block;
        width: 300px;
        margin-left: auto;
        margin-right: auto;
    }
    .col.as-form-col input{
        width: 300px;
    }
    .col.as-form-col textarea{
        width: 100%;
    }
}