Екатерина Долгушина

Лучше сделать с помощью

1. inline-block
2. flex

.row {
    margin-right: -15px;
    margin-left: -15px;
    letter-spacing: -0.35em;
}

дело в letter-spacing: -0.35em; у row, добавь в col-*
letter-spacing: normal;

Попробуй в классе content прописать white-space: pre-line;
а где br должно быть {'\n'}

<p className="content-pre-line">
    this is conteeeeent.{'\n'}
    this is loooooove
</p>

#top2 > .container {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%;
    margin-bottom: 10px;
}

.row {
    margin-right: -15px;
    margin-left: -15px;
    letter-spacing: -0.35em;
}

@media (min-width: 768px) {

.col-sm-3 {
    width: 25%;
    letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
}
}

#logo {
    display: inline-block;   
    text-align: center;
}

.phone {
    /* margin: -4px 0 0; */
}

#search {
    /* margin: 5px 0; */
}

#cart {
    margin-bottom: 10px;
}

#cart > .btn {
    background-color: rgba(9, 65, 192, 0.07);
    font-size: 12px;
    height: 37px;
    line-height: 19px;
    /* margin: 5px 0; */
    padding: 5px;
}