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






.column-layout {
   max-width: 1000px; 
   background-color: pink;
   margin: 70px auto 0 auto;
   line-height:1.65;
   padding: 20px 50px;
   display: flex;
}

.main-column {
    font-family: Tahoma; color: purple;
    text-align: center;
    flex:1;
    order: 2;
}

.sidebar-one {
    font-family: Tahoma; color: #d1136f;
    flex:1;
    order: 1;
}

.sidebar-two {
    font-family: Tahoma; color: #d1136f;
    flex:1;
    order: 3;
}

.call-outs-container {
    background-color: purple;
    max-width: 1400px;
    margin: 40px auto 0 auto;
    display: flex;
    justify-content: space-between;
}

.callout {
    background-color: purple;
    padding:20px;
    box-sizing: border-box;
    margin-bottom: 20px;
    width:30%;
}

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

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

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

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

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


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