@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");



.wrapper header {
    height: 20vh;
    background-color: #666;
}
.wrapper footer {
    height: 20vh;
    background-color: #666;
}
.wrapper .content {
    display: flex;
    background-color: #ccc;
    height: 60vh;
}
.wrapper .columns {
    display: flex;
    flex: 1;
    background-color: #999;
}
.wrapper .main {
    flex: 1;
    background: #eee;
    order: 2;
}

.wrapper .sidebar-first{
    color: white;
    flex: 1;
    order: 1;
    width: 20%;
    background: #ccc
}
.wrapper .sidebar-second {
    color: white;

    flex: 1;
    order: 2;
    width: 20%;
    background: #ccc
}
.wrapper div {
    display: flex;
    padding: 20px;
    background-color: red;
    color: white;
    text-align: center;
}
.block-contact-info {
    justify-content: flex-end;
    align-items: end;
    margin-left: 1200px;
}
.wrapper .block-form {
    justify-content: center;
    align-items: center;
}


div .block-logo {
    justify-content: top;
    align-items: left   ;
}