.forms {margin-bottom: 30px;}

.card-form .form-container .field-container:first-of-type {
    grid-area: name;
}

.card-form .form-container .field-container:nth-of-type(2) {
    grid-area: number;
}

.card-form .form-container .field-container:nth-of-type(3) {
    grid-area: expiration;
}

.card-form .form-container .field-container:nth-of-type(4) {
    grid-area: security;
}

.wire-form .form-container .field-container:first-of-type {
    grid-area: email;
}

.wire-form .form-container .field-container:nth-of-type(2) {
    grid-area: message;
}

.field-container input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.field-container {
    position: relative;
}

.card-form .form-container {
    display: grid;
    grid-row-gap: 10px;
    grid-column-gap: 10px;
    grid-template-columns: auto auto;
    grid-template-rows: 90px 90px 90px;
    grid-template-areas: "name name""number number""expiration security";
    max-width: 400px;
    margin-bottom: 15px;
    color: #707070;
}

.wire-form .form-container {
    display: grid;
    grid-row-gap: 10px;
    grid-template-columns: auto;
    grid-template-rows: 90px 90px;
    grid-template-areas: "email""message";
    max-width: 400px;
    margin-bottom: 15px;
    color: #707070;
}

.images {display: flex;flex-flow: row nowrap;justify-content: flex-start;align-items: center;}
.images > * {cursor: pointer;}

.mr-8 {margin-right: 80px;}

.forms form {display: none;max-width: 400px;}

label {
    padding-bottom: 5px;
    font-size: 13px;
}

input {
    margin-top: 3px;
    padding: 15px;
    font-size: 16px;
    width: 100%;
    border-radius: 3px;
    border: 1px solid #dcdcdc;
}