@charset "UTF-8";
/* CSS Document */

.form-row {
    padding:10px 0;
    display: flex;
}

.form-row label {
    padding-right:10px;
}
.form-row input {
    flex:1;
}

.column-layout {
    max-width: 1300px;
    background-color: #ABE99A;
    margin: 40px auto 0 auto;
    line-height: 1.65;
    padding: 20px 50px;
    display: flex;
}

.main-column {
    flex: 2;
    background-color:pink;
    order:1;
}

.sidebar-one {
    flex: 1;
    background-color:pink;
    order:2;
}

.sidebar-two {
    flex: 1;
    background-color:pink;
    order:3;
}

.call-outs-container {
    max-width: 1400px;
    margin: 40px auto 0 auto;

}

.call-out {
    padding: 20px;
    box-sizing:border-box;
    margin-bottom: 20px;
    flex-basis: 30%;

}

@media (min-width:900px){
    .call-outs-container {
        display:flex;
        justify-content: space-between;
    }
}

.call-out:nth-child(1) {background-color: #F3AA9A;}
.call-out:nth-child(2) {background-color: #FFB5BA;}
.call-out:nth-child(3) {background-color: #FED3D3;}

.equal-height-container {
    max-width:900px;
    margin:0 auto;
    display:flex;
}

.first {
    background-color:#ABE99A;
    padding: 20px;
    flex:1;
}

.second{
    background-color:pink;
    flex:1;
    display:flex;
    flex-direction:column;
}

.second-a{
    background-color:pink;
    flex:1;
}

.second-b{
    background-color:pink;
    flex:1;
}