/***************************************
*************** RESETS GERAIS***********
****************************************/

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-family: 'Montserrat', sans-serif;

}

/***************************************
*************** OVERFLOW ***********
****************************************/
html, body {
    max-width: 100%;
    overflow-x: hidden;
}

/***************************************
*************** ALINHAMENTO ***********
****************************************/
.all {
    width: 100%;
}
.container {
    width: 1000px;
    max-width: 100%;
    padding: 0 20px;
    margin: 0 auto;
}
.ds-flex{
    display: flex;
}
.teste{
    background: red;
}
.yellow{
    background: yellow;
}
.row {
    display: flex;
    flex-wrap: wrap;
}

.col-1 {
    flex-basis: 100%;
}

.col-2 {
    flex-basis: 50%;
}

.center{
    text-align: center;
}