$minSupportedWidth: 320px; $maxSupportedWidth: 1280px;

$mobileWidth: 540px; $tabWidth: 768px; $desktopWidth: 1024px;

*,:before,:after {

box-sizing: border-box;

}

img, embed, object, video {

max-width: 100%;

}

main {

overflow-x: hidden;

}

// // Fluid Typography // @mixin fluidType($min, $max ) {

font-size: $min;

@media screen and (min-width: $minSupportedWidth) {
        // 960 = 1280-320
        font-size: calc(#{$min} + #{($max - $min)/1px} * ((100vw - 320px) / 960));
}

@media screen and (min-width: $maxSupportedWidth) {
        font-size: $max;
}

}