html {
    font-size: 16px;
}

// VARIABLES :

    // Media queries:
        $small-screen: "only screen and (max-width: 650px)";
        $medium-screen: "only screen and (min-width: 651px) and (max-width: 950px)";
        $large-screen: "only screen and (min-width: 951px)";

    // Fonts-sizes:
        $base-font-size: 16px;
        $xs-fs: 1rem;
        $s-fs: 1.25rem;
        $m-fs: 1.5rem;
        $l-fs: 1.75rem;
        $xl-fs: 2rem;

    // Fonts:
    //    @font-face {
    //        font-family: Minion-Pro-Medium;
    //        src: url(https://1048450796.rsc.cdn77.org/staticfiles/others/fonts/Minion-Pro-Medium.otf);
    //    }
    //
    //    @font-face {
    //        font-family: Minion-Pro-Regular;
    //        src: url(https://1048450796.rsc.cdn77.org/staticfiles/others/fonts/Minion-Pro-Regular.otf);
    //    }
    //
    //    @font-face {
    //        font-family: Lato-Regular;
    //        font-style: normal;
    //        font-weight: 400;
    //        font-display: swap;
    //        src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v16/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');
    //        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    //    }
    //    @font-face {
    //        font-family: Lato-Regular;
    //        font-style: normal;
    //        font-weight: 400;
    //        font-display: swap;
    //        src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v16/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
    //        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    //    }
    //
    //    $title-font: Minion-Pro-Medium, Garamond;
    //    $subtitle-font: Minion-Pro-Regular, Garamond;
    //    $text-font: Lato-Regular, sans-serif;

    // Colors palette.
        $grey: #2d3436;


// FUNCTIONS :
    @function strip-unit($number) {
      @if type-of($number) == 'number' and not unitless($number) {
        @return $number / ($number * 0 + 1);
      }
      @return $number;
    }

    @function rem($size, $base-size) {
      @return 1rem * (strip-unit($size) / strip-unit($base-size))
    }

    @function em($size, $base-size) {
      @return 1em * (strip-unit($size) / strip-unit($base-size))
    }

    @function set_color($background-color) {
        @if (lightness($background-color) > 50) {
            @return #000
        }
        @else {
            @return #FFF
        }
    }