/* Container */

.container {

margin: 0 auto;
max-width: 100%;
width: 1400px;

&.medium {
    width: (1400px * 0.75);
}

@include breakpoint('<=wide') {
    width: 1200px;

    &.medium {
        width: (1200px * 0.75);
    }
}

@include breakpoint('<=normal') {
    width: 960px;

    &.medium {
        width: (980px * 0.75);
    }
}

@include breakpoint('<=narrow') {
    width: 95%;

    &.medium {
        width: (95% * 0.75);
    }
}

@include breakpoint('<=narrower') {
    width: 95%;

    &.medium {
        width: 95%;
    }
}

@include breakpoint('<=mobile') {
    width: 100%;

    &.medium {
        width: 100%;
    }
}

}