{"version":3,"sources":["layouts.scss","../base/_variables.scss","_404-page.scss"],"names":[],"mappings":"AAAA,wCAAA;ACAA,0CAAA;ACAA,yCAAA;AAGA;EACE,sBAAsB;EACtB,sDAAsD;EACtD,kBAAkB;EAClB,wBAAwB;EACxB,yBAAyB,EAAA;EAEzB;IAPF;MAQI,sBAAsB,EAAA,EA6CzB;EA1CC;IAXF;MAYI,qBAAqB,EAAA,EAyCxB;EArDD;IAgBI,gBAAgB;IAChB,mBAAmB;IACnB,cAAc,EAAA;IAEd;MApBJ;QAqBM,gBAAgB,EAAA,EAMnB;IAHC;MAxBJ;QAyBM,gBAAgB,EAAA,EAEnB;EA3BH;IA8BI,eAAe;IACf,mBAAmB;IACnB,cAAc,EAAA;IAEd;MAlCJ;QAmCM,eAAe,EAAA,EAElB;EArCH;IAwCI,eAAe;IACf,mBAAmB;IACnB,gBAAgB,EAAA;IAEhB;MA5CJ;QA6CM,eAAe,EAAA,EAElB;EA/CH;IAkDI,eAAe;IACf,yBAAyB,EAAA","file":"../layouts.css","sourcesContent":["/*------------- #LAYOUTS --------------*/\r\n\r\n\r\n@import \"../base/variables\";\r\n@import \"./404-page\";","/*------------- #VARIABLES --------------*/\r\n\r\n\r\n// We use these as default colors throughout\r\n\r\n$primary-color: #4cc2c0 !default;\r\n$secondary-color: #f15b26 !default;\r\n$heading-color: #2f2c2c !default;\r\n$global-link-color: #2f2c2c !default;\r\n$font-color: #acacac !default;\r\n\r\n\r\n$white-color: #fff !default;\r\n$border-color: #f7f9f9 !default;\r\n$main-border-color: #ced3d3 !default;\r\n\r\n\r\n\r\n\r\n// Socials color\r\n\r\n$social-bg: #333 !default;\r\n$faceb-color: #3b5998 !default;\r\n$youtube-color: #e82018 !default;\r\n\r\n\r\n$h1-fontsize: 48px !default;\r\n$h2-fontsize: 42px !default;\r\n$h3-fontsize: 36px !default;\r\n$h4-fontsize: 30px !default;\r\n$h5-fontsize: 24px !default;\r\n$h6-fontsize: 18px !default;\r\n$h-font-weight: 400 !default;\r\n\r\n$heading-font-family: 'Varela Round', Arial, 'Helvetica Neue', Helvetica, sans-serif !default;\r\n$p-font-size: 18px !default;\r\n\r\n// We use these to control various global styles\r\n\r\n$body-bg: #fff !default;\r\n$body-font-size: 16px !default;\r\n$body-font-color: #acacac !default;\r\n$body-dark-font-color: #2f2c2c !default;\r\n$body-font-family: 'Varela Round', Arial, 'Helvetica Neue', Helvetica, serif !default;\r\n$body-font-weight: 400 !default;\r\n$base-line-height: 1.5 !default;\r\n\r\n$semibold-weight: 600 !default;\r\n\r\n$border-round: 100% !default;\r\n\r\n\r\n\r\n//== Media queries breakpoints\r\n//\r\n//## Define the breakpoints at which your layout will change, adapting to different screen sizes.\r\n\r\n// Extra small screen / phone\r\n//** Deprecated `$screen-xs` as of v3.0.1\r\n$screen-xs:                  570px !default;\r\n//** Deprecated `$screen-xs-min` as of v3.2.0\r\n$screen-xs-min:              $screen-xs !default;\r\n//** Deprecated `$screen-phone` as of v3.0.1\r\n$screen-phone:               $screen-xs-min !default;\r\n\r\n// Small screen / tablet\r\n//** Deprecated `$screen-sm` as of v3.0.1\r\n$screen-sm:                  640px !default;\r\n$screen-sm-min:              $screen-sm !default;\r\n//** Deprecated `$screen-tablet` as of v3.0.1\r\n$screen-tablet:              $screen-sm-min !default;\r\n\r\n// Medium screen / desktop\r\n//** Deprecated `$screen-md` as of v3.0.1\r\n$screen-md:                  768px !default;\r\n$screen-md-min:              $screen-md !default;\r\n//** Deprecated `$screen-desktop` as of v3.0.1\r\n$screen-desktop:             $screen-md-min !default;\r\n\r\n// Large screen / wide desktop\r\n//** Deprecated `$screen-lg` as of v3.0.1\r\n$screen-lg:                  1170px !default;\r\n$screen-lg-min:              $screen-lg !default;\r\n//** Deprecated `$screen-lg-desktop` as of v3.0.1\r\n$screen-lg-desktop:          $screen-lg-min !default;\r\n\r\n// So media queries don't overlap when required, provide a maximum\r\n$screen-xs-max:              ($screen-sm-min - 1) !default;\r\n$screen-sm-max:              ($screen-md-min - 1) !default;\r\n$screen-md-max:              ($screen-lg-min - 1) !default;\r\n\r\n\r\n//== Grid system\r\n//\r\n//## Define your custom responsive grid.\r\n\r\n//** Number of columns in the grid.\r\n$grid-columns:              12 !default;\r\n//** Padding between columns. Gets divided in half for the left and right.\r\n$grid-gutter-width:         30px !default;\r\n// Navbar collapse\r\n//** Point at which the navbar becomes uncollapsed.\r\n$grid-float-breakpoint:     $screen-sm-min !default;\r\n//** Point at which the navbar begins collapsing.\r\n$grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default;\r\n\r\n\r\n//== Container sizes\r\n//\r\n//## Define the maximum width of `.container` for different screen sizes.\r\n\r\n// Small screen / tablet\r\n$container-tablet:             (640px) !default;\r\n//** For `$screen-sm-min` and up.\r\n$container-sm:                 $container-tablet !default;\r\n\r\n// Medium screen / desktop\r\n$container-desktop:            (768px) !default;\r\n//** For `$screen-md-min` and up.\r\n$container-md:                 $container-desktop !default;\r\n\r\n// Large screen / wide desktop\r\n$container-large-desktop:      (1170px) !default;\r\n//** For `$screen-lg-min` and up.\r\n$container-lg:                 $container-large-desktop !default;","/*------------- #404-PAGE --------------*/\r\n\r\n\r\n.content-page-404 {\r\n  padding: 230px 0 510px;\r\n  background: url(\"../img/404-img.png\") 0 100% no-repeat;\r\n  text-align: center;\r\n  background-size: contain;\r\n  background-color: #F7F9F9;\r\n\r\n  @media (max-width: 800px) {\r\n    padding: 100px 0 300px;\r\n  }\r\n\r\n  @media (max-width: 360px) {\r\n    padding: 50px 0 250px;\r\n  }\r\n\r\n  .title {\r\n    font-size: 257px;\r\n    margin-bottom: 15px;\r\n    line-height: 1;\r\n\r\n    @media (max-width: 800px) {\r\n      font-size: 150px;\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n      font-size: 100px;\r\n    }\r\n  }\r\n\r\n  .subtitle {\r\n    font-size: 47px;\r\n    margin-bottom: 30px;\r\n    line-height: 1;\r\n\r\n    @media (max-width: 800px) {\r\n      font-size: 36px;\r\n    }\r\n  }\r\n\r\n  .text {\r\n    font-size: 28px;\r\n    margin-bottom: 53px;\r\n    line-height: 1.3;\r\n\r\n    @media (max-width: 800px) {\r\n      font-size: 22px;\r\n    }\r\n  }\r\n\r\n  .btn {\r\n    font-size: 32px;\r\n    text-transform: uppercase;\r\n  }\r\n}"]}