@media (min-width: 768px) {
    .pre-header
    {
        width: 750px;
        margin:auto;
    }

    .header
    {
        width: 750px;
        padding-left: 15px;
        padding-right: 15px;
        margin: auto;
    }
    .header > .container
    {
        width: 720px;
        margin:auto;
    }
}

@media (min-width: 992px) {
    .pre-header
    {
        width: 970px;
        margin:auto;
    }
    .header
    {
        width: 970px;
        padding-left: 15px;
        padding-right: 15px;
        margin: auto;
    }
    .header > .container
    {
        width: 940px;
        margin:auto;
    }
}

@media (min-width: 1200px) {
    .pre-header
    {
          width: 1170px;
          margin:auto;
    }
    .header
    {
         width: 1170px;
         padding-left: 15px;
         padding-right: 15px;
         margin: auto;
    }
    .header > .container
    {
        width: 1140px;
        margin:auto;
    }
}

.main > .container{
      background-color: white;
}