// Variables

// Restated Bootstrap Variables

/*-----------------
    @Typography
-----------------*/
@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i,900,900i|Playfair+Display:400,400i,700,700i,900,900i&display=swap');

$white: #fff !default;
$gray-100: #f8f9fa !default;
$gray-200: #e9ecef !default;
$gray-300: #dee2e6 !default;
$gray-400: #ced4da !default;
$gray-500: #adb5bd !default;
$gray-600: #868e96 !default;
$gray-700: #495057 !default;
$gray-800: #343a40 !default;
$gray-900: #212529 !default;
$black: #000 !default;

$primary: #9e6d36 !default;
$primary-two: #8c602e !default;
$secondary:#ed382d !default;
$text-color:#222111 !default;
$text-color-two:#151310 !default;
$box-color:#fcfcfc !default;
$form-color:#959595 !default;

// transition
$transition: all 0.3s ease 0s;
$transition-long: all 0.5s ease 0s;
// Responsive
$laptop-device: "only screen and (max-width: 1499.98px) and (min-width: 1200px)";
$desktop-device: "only screen and (max-width: 1199.98px) and (min-width: 992px)";
$tablet-device: "only screen and (max-width: 991.98px) and (min-width: 768px)";
$large-mobile: "only screen and (max-width: 767.98px)";
$small-mobile: "only screen and (max-width: 575.98px)";
$extra-small-mobile: "only screen and (max-width: 479px)";