@media screen and (max-width: 1020px) {
    .contact {
        width: 100%;
        height: 2223px;
        position: relative;
        padding-top: 50px;
    }
    .contact-card {
        width: 90%;
        min-height: 500px;
        position: inherit;
        top: 0px;
        left: 0px;
        right: 0px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 50px;
        padding: auto;
        /*color: #d6d7d9;*/
        /*background-color: var(--c-light-4);
        box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1);*/
        z-index: 5;
    }
    .active.contact-card {
        animation-name: fade-in;
    }
    
    .contact-input {
        stroke: none;
        border-left-width: 0;
        border-left-style: none;
        border-right-width: 0;
        border-right-style: none;
        border-top-width: 0;
        border-top-style: none;
        /*border-color: #d6d7d9;*/
        border-width: 2px;
        border-radius: 0;
        
        display: block;
        width: 100%;
        padding: 10px 12px;
        margin-bottom: 15px;
        background-image: none;
        background-clip: padding-box;
        background-color: transparent;
        height: auto;
        /*color: #d6d7d9;*/
        
        outline: none;
    }
    .contact-input[type="submit"] {
        /*background-color: #191C1F;*/
        border-style: none;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 1px;
        background-image: none;
        width: 100%;
        font-size: 1.125rem;
        border-radius: 50px;
        margin-top: 40px;
    }
    .contact-input[type="number"]::-webkit-outer-spin-button,
    .contact-input[type="number"]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
        -moz-appearance: textfield;
    }
    
    .contact-textarea {
        resize: none;
        height: 220px;
    }
    
    .contact-card-form {
        margin-top: 30px;
    }
    
    .contact-info {
        width: 90%;
        min-height: 500px;
        position: inherit;
        top: 0px;
        left: 0px;
        right: 0px;
        margin-left: auto;
        margin-right: auto;
        padding: 40px 20px 40px 20px;
        /*color: #d6d7d9;*/
        /*background-color: #212529;*/
        background-color: var(--c-light-4);
        /*box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1);*/
        z-index: 5;
    }
    .active.contact-info {
        animation-name: fade-in;
        animation-delay: 0s;
    }
    .contact-info p, .contact-card p {
        line-height: normal;
        margin-bottom: 0px;
    }
    /*.contact-info h6 {
        color: #c4c5c7;
    }*/
    
    .contact-info-item {
       /* margin-bottom: 40px;*/
        display: grid;
    }

    .contact-info-item .contact-info-separated + p  {
        /*line-height: 1.2 !important;**/
    }
    
    .contact-info-separated {
        position: relative;
        /*display: table;*/
        /*padding: 10px 0px;*/

        display: flex;
        flex-wrap: nowrap;
    }
    
    .contact-info-left {
        /*display: inline-block;*/
        flex: 1;
    }
    
    .contact-info-right {
        /*display: inline-block;*/
        flex: 2;
        /*position: absolute;*/
        top: 0px; /*10px;*/
        left: 100px;
        margin-left: 1px;
    }

    /*.contact-info-left p, .contact-info-right p {
        display: table-cell;
    }*/
}