/* --------------------------------------------------
VARIABLES SCSS
----------------------------------------------------- */
/* Wrap size
----------------------------------------------------- */
/* Body font size
----------------------------------------------------- */
/* Font variations
----------------------------------------------------- */
/* Font families
----------------------------------------------------- */
/* Titles color
----------------------------------------------------- */
/* Main colors
----------------------------------------------------- */
/* Default colors
----------------------------------------------------- */
/* Social networks colors
----------------------------------------------------- */
/* --------------------------------------------------
MAIN STYLES
----------------------------------------------------- */
strong { font-weight: 700; }

/* Main styles: body
----------------------------------------------------- */
body { color: #7A7F87; font-size: 16px; font-family: "Roboto", sans-serif; font-weight: 400; -webkit-font-smoothing: antialiased; }

/* Main styles: Main structure wrapper width
----------------------------------------------------- */
.wrap { padding-right: 0.5rem; padding-left: 0.5rem; max-width: 1024px; }

.container-fluid { padding-right: 0.5rem; padding-left: 0.5rem; }

/* Main styles: Main reset
----------------------------------------------------- */
#main { overflow: hidden; min-height: 80%; position: relative; z-index: 10; }

/* Main styles: Some CSS Basics
----------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { font-family: "Roboto Condensed", sans-serif; line-height: 1.25em; color: #0B0C0C; font-weight: 700; margin: 10px 0; }

/* Main styles: <ul> elements
----------------------------------------------------- */
ul { display: block; padding-left: 30px; }
ul li { line-height: 1.375em; margin: 10px 0; }

/* Main styles: <dl> elements
----------------------------------------------------- */
dl { margin: 10px 0; display: block; }
dl dd { color: #0B0C0C; font-weight: 700; }
dl dt { margin-bottom: 15px; }
dl dt a { border-bottom: 2px solid #2F48C5; }

/* Main styles: <a> links color
----------------------------------------------------- */
a { color: #0B0C0C; text-decoration: none; font-weight: 700; }

/* Main styles: <a> inverse links color
----------------------------------------------------- */
.inverse a { color: #fff; }

/* Main styles: IMG/Iframes
----------------------------------------------------- */
iframe, img { max-width: 100%; }

/* --------------------------------------------------
FONT SIZES
----------------------------------------------------- */
/* Font sizes: Headings
----------------------------------------------------- */
h1 { font-size: 1.375em; }

h2 { font-size: 1.25em; }

h3, h4, h5, h6 { font-size: 1.125em; }

/* Font sizes: paragraphs
----------------------------------------------------- */
p { font-weight: 400; font-size: 1em; line-height: 1.375em; margin: 10px 0; }

/* --------------------------------------------------
HTML ELEMENTS
----------------------------------------------------- */
/* HTML Elements: <small> font size
----------------------------------------------------- */
small { font-size: 0.875em; }

/* HTML Elements: <hr> spacer
----------------------------------------------------- */
hr { width: 100%; height: 1px; background: #ECF0F5; margin: 15px 0; display: block; }

/* HTML Elements: Basic <blockquote> <cite> elements
----------------------------------------------------- */
cite, blockquote { font-weight: 300; display: block; margin: 15px 0; padding-left: 20px; line-height: 1.375em; border-left: 2px solid #A9AFBC; }

/* HTML Elements: Basic <ins> <u> elements
----------------------------------------------------- */
ins, u, .highlight { display: inline-block; border-bottom: 2px solid transparent; }

/* HTML Elements: Basic <mark> elements
----------------------------------------------------- */
mark { background: #ECF0F5; }

/* --------------------------------------------------
CSS HACKS
----------------------------------------------------- */
/* CSS Hacks: Full width elements
----------------------------------------------------- */
.full { width: 100%; display: block; }

/* CSS Hacks: Horizontal scroll full width elements
----------------------------------------------------- */
.horizontal-scroll { display: block; width: 100%; overflow: hidden; white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }

/* CSS Hacks: Show on scroll down class 
----------------------------------------------------- */
.show-on-scroll-down { opacity: 0; filter: alpha(opacity=0); visibility: hidden; }

body.scroll-down .show-on-scroll-down { opacity: 1; filter: alpha(opacity=100); visibility: visible; }

/* CSS Hacks: Show on scroll down class 
----------------------------------------------------- */
.show-on-scroll-down-instant { opacity: 0; filter: alpha(opacity=0); visibility: hidden; }

body.scroll-down-instant .show-on-scroll-down-instant { opacity: 1; filter: alpha(opacity=100); visibility: visible; }

/* CSS Hacks: Lightweight elements font weight
----------------------------------------------------- */
a.lightweight-font, p.lightweight-font, .btn.normal-font, .section-title.lightweight-font, .section-title .label.lightweight-font, .lightweight-font, h1.lightweight-font, h2.lightweight-font, h3.lightweight-font, h4.lightweight-font, h5.lightweight-font { font-weight: 300; }

/* CSS Hacks: Normal elements font weight
----------------------------------------------------- */
a.normal-font, p.normal-font, .btn.normal-font, .section-title.normal-font, .section-title .label.normal-font, .normal-font, h1.normal-font, h2.normal-font, h3.normal-font, h4.normal-font, h5.normal-font { font-weight: 400; }

/* CSS Hacks: Force center elements
----------------------------------------------------- */
.align-center, .align-center h1, .align-center h2, .align-center h3, .align-center h4, .align-center h5, .align-center img, .align-center p, .align-center .section-title, .align-center .label, .align-center .section-title .label, .align-center a, .align-center button, .align-center label, .align-center input { text-align: center; }

/* CSS Hacks: Force right align elements
----------------------------------------------------- */
.align-right, .align-right h1, .align-right h2, .align-right h3, .align-right h4, .align-right h5, .align-right img, .align-right p, .align-right .section-title, .align-right .label, .align-right .section-title .label, .align-right a, .align-right button, .align-right label, .align-right input { text-align: right; }

/* CSS Hacks: Force left elements
----------------------------------------------------- */
.align-left, .align-left h1, .align-left h2, .align-left h3, .align-left h4, .align-left h5, .align-left img, .align-left p, .align-left .section-title, .align-left .label, .align-left .section-title .label, .align-left a, .align-left button, .align-left label, .align-left input { text-align: left; }

/* CSS Hacks: Float left
----------------------------------------------------- */
.float-left { float: left; }

/* CSS Hacks: Float right
----------------------------------------------------- */
.float-right { float: right; }

/* CSS Hacks: Uppercase text
----------------------------------------------------- */
.text-uppercase { text-transform: uppercase; }

/* CSS Hacks: Force inline elements
----------------------------------------------------- */
.display-inline { display: inline-block; margin: 2px; }

/* CSS Hacks: Force display block elements
----------------------------------------------------- */
.display-block { display: block; }

/* CSS Hacks: Force display:none elements
----------------------------------------------------- */
.display-none { display: none; }

/* CSS Hacks: Force position:absolute elements
----------------------------------------------------- */
.position-absolute { position: absolute; }

/* CSS Hacks: Force position:relative elements
----------------------------------------------------- */
.position-relative { position: relative; }

/* CSS Hacks: Force position:fixed elements
----------------------------------------------------- */
.position-fixed { position: fixed; }

/* CSS Hacks: Force overflow:hidden elements
----------------------------------------------------- */
.overflow-hidden { overflow: hidden; }

/* CSS Hacks elements: Secondary Font
----------------------------------------------------- */
.secondary-font { font-family: "Roboto Condensed", sans-serif; }

/* CSS Hacks: Force text ellipsis
----------------------------------------------------- */
.text-ellipsis { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* CSS Hacks elements: Font weight normal
----------------------------------------------------- */
.normal-font { font-weight: 400; }

/* CSS Hacks: Padding resets
----------------------------------------------------- */
.without-padding { padding: 0 !important; }

.without-padding-right { padding-right: 0 !important; }

.without-padding-left { padding-left: 0 !important; }

.without-padding-top { padding-top: 0 !important; }

.without-padding-bottom { padding-bottom: 0 !important; }

/* CSS Hacks: Margin resets
----------------------------------------------------- */
.without-margin { margin: 0 !important; }

.without-margin-right { margin-right: 0 !important; }

.without-margin-left { margin-left: 0 !important; }

.without-margin-top { margin-top: 0 !important; }

.without-margin-bottom { margin-bottom: 0 !important; }

/* --------------------------------------------------
CSS Misc Elements
----------------------------------------------------- */
/* CSS Misc elements: Transitions
----------------------------------------------------- */
a, button, input, select, textarea, .select, i, .show-on-scroll-down, .show-on-scroll-down-instant, .card { -o-transition: 0.3s; -ms-transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; }

/* CSS Misc elements: font sizes
----------------------------------------------------- */
.font-x-big { font-size: 2em; }

.font-big { font-size: 1.25em; }

.font-medium { font-size: 1em; }

.font-small { font-size: 0.75em; }

/* CSS Misc elements: Cards
----------------------------------------------------- */
.card { background: #fff; display: block; padding: 10px; margin-bottom: 10px; position: relative; border: 1px solid #A9AFBC; }

.card.with-thumb .thumb .thumb-wrapper { margin-left: -10px; margin-right: -10px; border-left: 0; border-right: 0; }

.card.with-top-thumb .thumb .thumb-wrapper { margin: -10px; margin-bottom: 0; }

.card.with-left-thumb .thumb .thumb-wrapper { margin: -10px; margin-right: 0; }

.card.without-border { border-color: transparent; }

/* CSS Misc elements: Flex-box
----------------------------------------------------- */
.flex-box { display: flex; align-items: flex-start; justify-content: flex-start; }

.flex-box.middle { display: flex; align-items: center; justify-content: flex-start; }

.flex-box.between { justify-content: space-between; }

/* CSS Misc elements: Flex-box
----------------------------------------------------- */
.flex-column { display: flex; flex-direction: column; }

/* CSS Misc elements: Icon sizes
----------------------------------------------------- */
.fab, .fas, .far, .fa { font-size: 1em; }

.fab.big, .far.big, .fas.big, .fa.big { font-size: 2.5em; }

.fab.medium, .far.medium, .fas.medium, .fa.medium { font-size: 1.5em; }

.fas { font-weight: 900 !important; }

.far { font-weight: 400 !important; }

.fal { font-weight: 300 !important; }

.far { font-weight: 400 !important; }

/* CSS Misc elements: Section titles
----------------------------------------------------- */
.section-title { margin: 15px 0; position: relative; display: flex; align-items: center; justify-content: space-between; }
.section-title .label { font-weight: 700; font-size: 1rem; display: inline-block; border-left: 3px solid #2F48C5; padding-left: 10px; }
.section-title .label.white-border { border-color: #ffffff; }

.section-title.align-center { display: flex; align-items: center; justify-content: center; }

.section-title.big .label { font-size: 1.25rem; }

.section-title.small .label { font-size: 0.750em; }

/* CSS Misc elements: Section header
----------------------------------------------------- */
.section-header { min-height: 60px; background: #ffffff no-repeat center top; background-size: cover; padding: 15px 20px; margin: 25px 0 15px 0; position: relative; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; border-left: 3px solid #2F48C5; }
.section-header .label { font-weight: 700; font-size: 1.375rem; margin: 0; text-shadow: 2px 2px o #ffffff; }
.section-header .author-avatar { margin: -40px 0 20px 0; display: block; width: 60px; height: 60px; background: #ECF0F5 no-repeat center center; background-size: cover; border: 2px solid #ffffff; }

/* CSS Misc elements: Badges
----------------------------------------------------- */
.badge { padding: 2px 6px; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; -o-border-radius: 100px; }

.badge.big { padding: 8px 15px; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; -o-border-radius: 100px; }

.badge.rounded { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; }

/* CSS Misc elements: Go top button
----------------------------------------------------- */
a.go-top { font-size: 1.25em; position: fixed; bottom: 1.5rem; right: 1.5rem; z-index: 99999; }

/* CSS Misc elements: Full width bg
----------------------------------------------------- */
.full-width-bg { margin-top: 20px; margin-bottom: 10px; padding-top: 10px; padding-bottom: 20px; background: #2F48C5; position: relative; border-top: 1px solid #ECF0F5; border-bottom: 1px solid #ECF0F5; }

.full-width-bg::before, .full-width-bg::after { content: ''; background: #2F48C5; width: 100%; height: 100%; position: absolute; left: -100%; top: -1px; border-top: 1px solid #ECF0F5; border-bottom: 1px solid #ECF0F5; }

.full-width-bg::after { right: -100%; left: inherit; }

.full-width-bg.white, .full-width-bg.white::before, .full-width-bg.white::after { background: #ffffff; }

/* --------------------------------------------------
COLOR VARIATIONS
----------------------------------------------------- */
/* Color variations: Text colors variation
----------------------------------------------------- */
.main-color { color: #2F48C5; }

.secondary-color { color: #7A7F87; }

.utilitary-color { color: #2CF2A1; }

.titles-color { color: #0B0C0C; }

.text-color { color: #7A7F87; }

.transparent-color { color: transparent; }

.alpha-color { color: rgba(250, 250, 250, 0.6); }

.alpha-color-inverse { color: rgba(0, 0, 0, 0.6); }

.grey-color { color: #ECF0F5; }

.regent-grey-color { color: #A9AFBC; }

.white-color { color: #ffffff; }

.black-color { color: #000000; }

.yellow-color { color: #FFC106; }

.orange-color { color: #DC5535; }

.green-color { color: #28A745; }

.red-color { color: #DC3545; }

.pink-color { color: #DC354F; }

.blue-color { color: #007BFF; }

.aqua-color { color: #17B893; }

.facebook-color { color: #3b5998; }

.twitter-color { color: #1da1f2; }

.googleplus-color { color: #dd4b39; }

.pinterest-color { color: #bd081c; }

.whatsapp-color { color: #25d366; }

.youtube-color { color: #ff0000; }

.instagram-color { color: #5851db; }

.vine-color { color: #00b488; }

.younow-color { color: #49a942; }

.twitch-color { color: #6441a5; }

.snapchat-color { color: #fffc00; }

/* Color variations: Background colors variation
----------------------------------------------------- */
.main-bg { background: #2F48C5; background: -moz-linear-gradient(-45deg, #2F48C5 0%, #552fc5 100%); background: -webkit-linear-gradient(-45deg, #2F48C5 0%, #552fc5 100%); background: linear-gradient(135deg, #2F48C5 0%, #552fc5 100%); }

.secondary-bg { background-color: #7A7F87; }

.utilitary-bg { background-color: #2CF2A1; }

.titles-bg { background-color: #0B0C0C; }

.text-bg { background-color: #7A7F87; }

.transparent-bg { background-color: transparent; }

.alpha-bg { background-color: rgba(250, 250, 250, 0.04); }

.alpha-bg-inverse { background-color: rgba(0, 0, 0, 0.6); }

.grey-bg { background-color: #ECF0F5; }

.regent-grey-bg { background-color: #A9AFBC; }

.white-bg { background-color: #ffffff; }

.black-bg { background-color: #000000; }

.yellow-bg { background-color: #FFC106; }

.orange-bg { background-color: #DC5535; }

.green-bg { background-color: #28A745; }

.red-bg { background-color: #DC3545; }

.pink-bg { background-color: #DC354F; }

.blue-bg { background-color: #007BFF; }

.aqua-bg { background-color: #17B893; }

.facebook-bg { background-color: #3b5998; }

.twitter-bg { background-color: #1da1f2; }

.googleplus-bg { background-color: #dd4b39; }

.pinterest-bg { background-color: #bd081c; }

.whatsapp-bg { background-color: #25d366; }

.youtube-bg { background-color: #ff0000; }

.instagram-bg { background-color: #5851db; }

.vine-bg { background-color: #00b488; }

.younow-bg { background-color: #49a942; }

.twitch-bg { background-color: #6441a5; }

.snapchat-bg { background-color: #fffc00; }

/* Color variations: Border colors variation
----------------------------------------------------- */
.main-border { border-color: #2F48C5; }

.secondary-border { border-color: #7A7F87; }

.utilitary-border { border-color: #2CF2A1; }

.titles-border { border-color: #0B0C0C; }

.text-border { border-color: #7A7F87; }

.transparent-border { border-color: transparent; }

.alpha-border { border-color: rgba(250, 250, 250, 0.6); }

.alpha-border-inverse { border-color: rgba(0, 0, 0, 0.6); }

.grey-border { border-color: #ECF0F5; }

.regent-grey-border { border-color: #A9AFBC; }

.white-border { border-color: #ffffff; }

.black-border { border-color: #000000; }

.yellow-border { border-color: #FFC106; }

.orange-border { border-color: #DC5535; }

.green-border { border-color: #28A745; }

.red-border { border-color: #DC3545; }

.pink-border { border-color: #DC354F; }

.blue-border { border-color: #007BFF; }

.aqua-border { border-color: #17B893; }

.facebook-border { border-color: #3b5998; }

.twitter-border { border-color: #1da1f2; }

.googleplus-border { border-color: #dd4b39; }

.pinterest-border { border-color: #bd081c; }

.whatsapp-border { border-color: #25d366; }

.youtube-border { border-color: #ff0000; }

.instagram-border { border-color: #5851db; }

.vine-border { border-color: #00b488; }

.younow-border { border-color: #49a942; }

.twitch-border { border-color: #6441a5; }

.snapchat-border { border-color: #fffc00; }

/* --------------------------------------------------
FORMS
----------------------------------------------------- */
/* Forms: Some CSS settings
----------------------------------------------------- */
button, input, textarea, select, .select, .btn { font-size: 1em; line-height: 1em; padding: 4px 12px; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; -o-border-radius: 1px; max-width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

input:focus, textarea:focus { border-color: #2F48C5; }

/* Forms: Variables: Rounded
----------------------------------------------------- */
button.rounded, input.rounded, textarea.rounded, select.rounded, .select.rounded, .btn.rounded { border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; -o-border-radius: 100px; }

/* Forms: Labels
----------------------------------------------------- */
label { margin: 5px 0; display: block; }

label .label { font-weight: 700; font-size: 0.875rem; display: block; margin-top: 15px; margin-bottom: 10px; }

/* Forms: Small size css hack
----------------------------------------------------- */
.btn.small, .input.small, .textarea.small, .select.small select { padding: 4px 6px; font-size: 0.75em; }

/* Forms: Big size css hack
----------------------------------------------------- */
.btn.big, .input.big, .textarea.big, .select.big select { font-size: 1.063em; padding: 6px 18px; }

/* --------------------------------------------------
BUTTONS
----------------------------------------------------- */
button, .btn { font-weight: 700; border-width: 2px; border-style: solid; text-align: center; display: inline-block; position: relative; cursor: pointer; -webkit-box-shadow: 0 2px 0 rgba(122, 127, 135, 0.1); -moz-box-shadow: 0 2px 0 rgba(122, 127, 135, 0.1); box-shadow: 0 2px 0 rgba(122, 127, 135, 0.1); }
button i, .btn i { font-weight: 400; }

/* Buttons: Remove border variation
----------------------------------------------------- */
.btn.without-shadow { -moz-box-shadow: 0 5px 10px -5px transparent; -webkit-box-shadow: 0 5px 10px -5px transparent; box-shadow: 0 5px 10px -5px transparent; }

/* Buttons: Center button variation
----------------------------------------------------- */
.btn.center { margin: 10px auto; }

/* Buttons: WPP Button
----------------------------------------------------- */
.btn.whatsapp-bg, .btn.whatsapp-border, .btn.whatsapp-color { display: inline-block; }

/* Forms: Btn groups
----------------------------------------------------- */
.btn-group .btn { margin-left: -4.5px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; }

/* --------------------------------------------------
INPUTS
----------------------------------------------------- */
input, .input { background: #fff; border: 1px solid #d6d6d6; text-align: left; display: inline-block; position: relative; }

/* --------------------------------------------------
TEXTAREA
----------------------------------------------------- */
textarea, .textarea { min-height: 100px; background: #fff; border: 1px solid #d6d6d6; text-align: left; display: inline-block; position: relative; }

/* --------------------------------------------------
SELECTS
----------------------------------------------------- */
.select { background: #fff; border: 1px solid #d6d6d6; text-align: left; display: inline-block; position: relative; }

/* Select: select reset
----------------------------------------------------- */
.select select { padding-right: 30px; display: block; border: 0; background: transparent; }

/* Select: Basic select "v" arrow 
----------------------------------------------------- */
.select::after { content: '\f078'; font-family: Font Awesome\ 5 Free; font-size: 0.750em; position: absolute; right: 10px; top: 14px; pointer-events: none; }

/* Select: Small select "v" arrow 
----------------------------------------------------- */
.select.small::after { top: 7px; }

/* Select: Big select "v" arrow 
----------------------------------------------------- */
.select.big::after { top: 18px; }

/* --------------------------------------------------
CHECKBOXES
----------------------------------------------------- */
input[type=radio], input[type=checkbox] { display: none; }

/* CHECKBOXES: Radio 
----------------------------------------------------- */
input[type=radio] + label:before { content: ""; display: inline-block; width: 15px; height: 15px; vertical-align: middle; margin-right: 8px; border: 1px solid #d6d6d6; border-radius: 8px; }

input[type=checkbox] + label:before { content: ""; display: inline-block; width: 15px; height: 15px; vertical-align: middle; margin-right: 8px; border: 1px solid #d6d6d6; border-radius: 4px; }

input[type=radio]:checked + label:before { content: "\2022"; color: #424242; font-size: 1.8em; text-align: center; line-height: 14px; }

/* CHECKBOXES: Checkbox 
----------------------------------------------------- */
input[type=checkbox]:checked + label:before { content: "\2714"; color: #424242; text-align: center; line-height: 15px; }

input[type=checkbox] + label { font-weight: 600; }

input[type=radio] + label p, input[type=checkbox] + label p { font-weight: 600; margin: 0; padding-left: 30px; font-size: 0.875em; }

/* --------------------------------------------------
TABLES
----------------------------------------------------- */
table { width: 100%; overflow: hidden; white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }

table tr:nth-child(1) th { background: #ECF0F5; font-weight: bold; }

table th { font-weight: normal; border-bottom: 1px solid #A9AFBC; }

table th, table td { padding: 5px; }

table tr:hover { background: #ECF0F5; }

@media only screen and (min-width: 425px) { h1 { font-size: 1.5em; }
  h2 { font-size: 1.375em; }
  h3 { font-size: 1.25em; }
  button, input, textarea, select, .select, .btn { padding: 10px 12px; }
  .btn.big, .input.big, .textarea.big, .select.big select { font-size: 1em; } }
@media only screen and (min-width: 768px) { h1 { font-size: 1.875em; }
  h2 { font-size: 1.5em; }
  h3 { font-size: 1.375em; }
  h4 { font-size: 1.25em; }
  .font-big { font-size: 1.5em; }
  .font-medium { font-size: 1.25em; }
  .font-small { font-size: 0.875em; }
  .btn.big, .input.big, .textarea.big, .select.big select { font-size: 1.125em; }
  .btn.whatsapp-bg, .btn.whatsapp-border, .btn.whatsapp-color { display: none; }
  .card.medium { padding: 25px; }
  .card.medium.with-thumb .thumb .thumb-wrapper { margin-left: -25px; margin-right: -25px; }
  .card.medium.with-top-thumb .thumb .thumb-wrapper { margin: -25px; margin-bottom: 0; }
  .section-title .label { font-size: 1.125rem; }
  .section-title.big .label { font-size: 1.5rem; }
  .full-width-bg { margin-top: 40px; margin-bottom: 20px; padding-top: 20px; padding-bottom: 40px; }
  .section-header { min-height: 100px; padding: 30px 40px; margin: 25px 0 15px 0; }
  .section-header .label { font-size: 2rem; } }
@media only screen and (min-width: 1024px) { .container-fluid { padding-right: 2rem; padding-left: 2rem; }
  .wrap { padding-right: 0.5rem; padding-left: 0.5rem; }
  hr { margin: 25px 0; }
  h1 { font-size: 2em; }
  h2 { font-size: 1.75em; }
  h3 { font-size: 1.5em; }
  h4 { font-size: 1.375em; }
  h5 { font-size: 1.25em; }
  .btn.small, .input.small, .textarea.small, .select.small select { padding: 4px 12px; font-size: 0.875em; }
  .btn.big, .input.big, .textarea.big, .select.big select { font-size: 1.25em; }
  .section-title .label { font-size: 1.25rem; }
  .section-title.big .label { font-size: 1.75rem; }
  .section-title.big .label.text-uppercase { font-size: 1.5rem; } }

/*# sourceMappingURL=base.css.map */