/* hamburger menu: https://codepen.io/erikterwan/pen/EVzeRP */
/* ref: handling multiple @font-face weights/styles http://www.456bereastreet.com/archive/201012/font-face_tip_define_font-weight_and_font-style_to_keep_your_css_simple/, https://codepen.io/maio/pen/rrKKjA?editors=0100#0 */
@font-face {
  font-family: 'Sang Bleu Empire';
  src: url("/ranking/assets/fonts/sangbleuempire-regular.eot") format("eot"), url("/ranking//ranking/assets/fonts/sangbleuempire-regular.woff2") format("woff2"), url("/ranking/assets/fonts/sangbleuempire-regular.woff") format("woff"), url("/ranking/assets/fonts/sangbleuempire-regular.ttf") format("truetype"), url("/ranking/assets/fonts/sangbleuempire-regular.svg") format("svg");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'Trade Gothic';
  src: url("/ranking/assets/fonts/40775ed4-d9b0-4f75-b874-80f2842332a9.eot");
  src: url("/ranking/assets/fonts/40775ed4-d9b0-4f75-b874-80f2842332a9.eot") format("eot"), url("/ranking/assets/fonts/24ba8ea7-bbf3-40e0-b924-fd985d79ebca.woff2") format("woff2"), url("/ranking/assets/fonts/9274bb7f-01c5-45cb-b935-f53683ab6dd6.woff") format("woff"), url("/ranking/assets/fonts/a94b3f7a-c1fd-4bbe-9273-1f6f081dcb2f.ttf") format("truetype"), url("/ranking/assets/fonts/b0fb9bf0-3364-4802-9c4e-89202a063331.svg") format("svg");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'Trade Gothic';
  src: url("/ranking/assets/fonts/07702e82-1476-4552-97e1-682d5af3bd30.eot");
  src: url("/ranking/assets/fonts/07702e82-1476-4552-97e1-682d5af3bd30.eot") format("eot"), url("/ranking/assets/fonts/4a5b9bde-0062-4b1f-ae1f-d2ad4d283b55.woff2") format("woff2"), url("/ranking/assets/fonts/dd603555-b5c3-4df6-885b-b75ef30fa0f8.woff") format("woff"), url("/ranking/assets/fonts/6515df23-fbdf-459f-924c-b449b8b7ade8.ttf") format("truetype"), url("/ranking/assets/fonts/17c3c18f-135d-447c-bcfd-7bcfc2ca515a.svg") format("svg");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: 'Trade Gothic';
  src: url("/ranking/assets/fonts/379b55d3-190d-48bd-b1f2-dc787a73b65b.eot");
  src: url("/ranking/assets/fonts/379b55d3-190d-48bd-b1f2-dc787a73b65b.eot") format("eot"), url("/ranking/assets/fonts/5760433c-f9b7-4c0d-b618-77b03ff59186.woff2") format("woff2"), url("/ranking/assets/fonts/48f8ec71-d114-4f7f-a933-b1032c89aa32.woff") format("woff"), url("/ranking/assets/fonts/efdb46c3-279b-490c-8468-dfe30e01582c.ttf") format("truetype"), url("/ranking/assets/fonts/9572e7af-5fa0-46b5-b48a-90892a8f7aa5.svg") format("svg");
  font-weight: 400;
  font-style: italic; }
@font-face {
  font-family: 'Trade Gothic';
  src: url("/ranking/assets/fonts/3a3811df-095b-42db-a25d-ddab2bbeedfa.eot");
  src: url("/ranking/assets/fonts/3a3811df-095b-42db-a25d-ddab2bbeedfa.eot") format("eot"), url("/ranking/assets/fonts/cf117f57-227f-4bba-ae2f-24caa1ec7a5d.woff2") format("woff2"), url("/ranking/assets/fonts/e2a62655-b75b-4999-9377-75c6f7957ae5.woff") format("woff"), url("/ranking/assets/fonts/aa7f4d20-bc42-4a35-b9cb-6ce46f1ec04d.ttf") format("truetype"), url("/ranking/assets/fonts/d4f1182b-2309-4987-8ef8-2c8274d7b208.svg") format("svg");
  font-weight: 700;
  font-style: italic; }
@font-face {
  font-family: 'Trade Gothic Condensed';
  src: url("/ranking/assets/fonts/57d839de-c1a3-492d-837d-edcd2c1d620b.eot");
  src: url("/ranking/assets/fonts/57d839de-c1a3-492d-837d-edcd2c1d620b.eot") format("eot"), url("/ranking/assets/fonts/4a10911a-c25d-4efa-b155-59d533f0e0c2.woff2") format("woff2"), url("/ranking/assets/fonts/ac62393e-80e8-42f0-a6d7-fb566b94e567.woff") format("woff"), url("/ranking/assets/fonts/97d9873e-7926-4480-96de-a1d47c4afa72.ttf") format("truetype"), url("/ranking/assets/fonts/de820f99-99c3-48ab-a20d-f18a36c95b5e.svg") format("svg");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'Trade Gothic Condensed';
  src: url("/ranking/assets/fonts/d1380d7c-6e23-49c9-bac2-0f927e77eb17.eot");
  src: url("/ranking/assets/fonts/d1380d7c-6e23-49c9-bac2-0f927e77eb17.eot") format("eot"), url("/ranking/assets/fonts/2bd4e485-6e2d-478c-94c7-9a7cabf8e98d.woff2") format("woff2"), url("/ranking/assets/fonts/3e9c6e62-e41c-408b-bef3-ffa454301b17.woff") format("woff"), url("/ranking/assets/fonts/a74675c3-a15b-41ed-8409-e90f921c3cb8.ttf") format("truetype"), url("/ranking/assets/fonts/32260af6-2329-4a39-a8a3-3339f87a580b.svg") format("svg");
  font-weight: 700;
  font-style: normal; }
/* ref: handling multiple @font-face weights/styles http://www.456bereastreet.com/archive/201012/font-face_tip_define_font-weight_and_font-style_to_keep_your_css_simple/, https://codepen.io/maio/pen/rrKKjA?editors=0100#0 */
.grid {
  z-index: -1;
  display: flex; }
  @media (max-width: 768px) {
    .grid {
      display: block; } }
  .grid .left, .grid .right {
    width: 50%; }
    @media (max-width: 768px) {
      .grid .left, .grid .right {
        width: 100%; } }
    @media (max-width: 1220px) {
      .grid .left img, .grid .right img {
        width: 100%; } }
    @media (max-width: 480px) {
      .grid .left img, .grid .right img {
        width: auto;
        margin: 0 auto;
        max-height: 400px; } }
  .grid .right {
    position: relative;
    direction: rtl; }
  @media (max-width: 480px) {
    .grid {
      margin: 1.5em -50px; } }

html {
  font-size: 62.5%;
  background: #fcfcfc; }

body {
  margin: 0;
  padding: 0;
  font-size: 1.6rem;
  color: #c2c2b6;
  font-family: "Trade Gothic", Arial, sans-serif; }

a {
  text-decoration: none;
  color: #3B1C1E;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  a:hover, a:focus {
    color: #C7AF7F; }

section {
  margin: 0 auto;
  width: 100%; }

.wrap {
  padding: 0;
  margin: 0 auto;
  max-width: 1220px; }

.wrap-pad {
  padding: 8% 15%; }

.heading-inv {
  background: #3B1C1E;
  height: 100vh;
  justify-content: center;
  display: flex;
  flex-direction: column;
  border: 6px solid #ED2024;
  border-image: linear-gradient(300deg, #ED2024, #3B1C1E) 30;
  border-image: -webkit-linear-gradient(300deg, #ED2024, #3B1C1E) 30;
  border-image: -moz-linear-gradient(300deg, #ED2024, #3B1C1E) 30;
  border-image: -o-linear-gradient(300deg, #ED2024, #3B1C1E) 30; }
  .heading-inv .wrap {
    width: 100%; }
  .heading-inv h1 {
    color: white;
    -webkit-text-fill-color: white; }

#sec0 {
  background: url("/ranking/1400x933-citycampus.jpg") fixed center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100vh; }
  @media (max-width: 480px) {
    #sec0 {
      background-attachment: scroll; } }
  #sec0 h1 {
    color: white;
    -webkit-text-fill-color: white; }

.two-column {
  display: flex;
  max-width: 768px;
  margin: 0 auto;
  flex-direction: column; }
  .two-column .row-fortysixty {
    display: flex;
    flex-direction: row; }
    @media (max-width: 768px) {
      .two-column .row-fortysixty {
        flex-direction: column; } }
    .two-column .row-fortysixty .col:first-child {
      width: 40%; }
      @media (max-width: 768px) {
        .two-column .row-fortysixty .col:first-child {
          width: 100%;
          padding-bottom: 2em; } }
    .two-column .row-fortysixty .col:last-child {
      width: 60%; }
      @media (max-width: 768px) {
        .two-column .row-fortysixty .col:last-child {
          width: 100%; } }
  .two-column .row-twentyeighty {
    display: flex;
    flex-direction: row; }
    @media (max-width: 768px) {
      .two-column .row-twentyeighty {
        flex-direction: column; } }
    .two-column .row-twentyeighty .col:first-child {
      width: 20%;
      /*text-align: right; padding-right: 2em;*/ }
      @media (max-width: 768px) {
        .two-column .row-twentyeighty .col:first-child {
          width: 100%;
          /*text-align: left; padding-right: 0;*/ } }
    .two-column .row-twentyeighty .col:last-child {
      width: 80%; }
      @media (max-width: 768px) {
        .two-column .row-twentyeighty .col:last-child {
          width: 100%; } }
  .two-column .row-fortysixty, .two-column .row-twentyeighty {
    padding: 4em 0;
    border-bottom: 1px solid #E5E5E0; }
    .two-column .row-fortysixty:last-child, .two-column .row-twentyeighty:last-child {
      border-bottom: none; }
    @media (max-width: 768px) {
      .two-column .row-fortysixty, .two-column .row-twentyeighty {
        padding: 3em 0; } }
    @media (max-width: 480px) {
      .two-column .row-fortysixty, .two-column .row-twentyeighty {
        padding: 2em 0; } }
    .two-column .row-fortysixty h3, .two-column .row-fortysixty h4, .two-column .row-fortysixty p:first-child, .two-column .row-twentyeighty h3, .two-column .row-twentyeighty h4, .two-column .row-twentyeighty p:first-child {
      margin: 0; }

.fixed {
  background: fixed center center;
  background-size: cover;
  height: 100vh; }
  @media (max-width: 480px) {
    .fixed {
      background-attachment: scroll; } }

#img2 {
  background-image: url("/ranking/1400x933-blakely-island-091.jpg"); }

#img3 {
  background-image: url("/ranking/1400x933-camille-jones-48.jpg"); }

.neg-margin-top {
  margin-top: -10%; }
  @media (max-width: 1220px) {
    .neg-margin-top {
      margin-top: 0; } }

@media (max-width: 768px) {
  .rellax {
    display: none; } }

.aos-fade-in {
  opacity: 0;
  transform: translate(0, 40px);
  transition: all 1.4s; }

.aos-fade-in.visible {
  opacity: 1;
  transform: translate(0, 0); }

h1, h2, h3, h4 {
  font-weight: inherit;
  color: #592B2F;
  letter-spacing: -.05em; }

h1 {
  font-family: "Sang Bleu Empire", serif;
  font-size: 10rem;
  letter-spacing: -.03em;
  line-height: 1.14;
  max-width: 7em;
  color: #592B2F; }
  @media (max-width: 768px) {
    h1 {
      font-size: 6rem; } }
  @media (max-width: 480px) {
    h1 {
      font-size: 4rem; } }

h2 {
  font-family: "Sang Bleu Empire", serif;
  font-size: 6rem;
  max-width: 400px;
  line-height: 1;
  font-weight: 400; }
  @media (max-width: 768px) {
    h2 {
      font-size: 3rem; } }

h3 {
  font-family: "Trade Gothic", Arial, sans-serif;
  font-size: 4.6rem;
  font-weight: 600; }
  @media (max-width: 768px) {
    h3 {
      font-size: 2.5rem; } }

h4 {
  font-family: "Trade Gothic", Arial, sans-serif;
  font-size: 3rem;
  font-weight: 600; }
  @media (max-width: 768px) {
    h4 {
      font-size: 2rem; } }

h5 {
  font-family: "Trade Gothic", Arial, sans-serif;
  font-style: italic;
  font-size: 1.8rem;
  font-weight: 400;
  margin-bottom: 1em;
  color: #C7AF7F; }

p {
  font-family: "Trade Gothic", Arial, sans-serif; }

blockquote {
  /*max-width: 20em;*/
  font-family: "Trade Gothic", Arial, sans-serif;
  line-height: 1.3;
  margin: 0;
  font-size: 2.3rem;
  color: #3B1C1E;
  position: relative;
  letter-spacing: -.02em;
  /*p:last-of-type { margin-bottom: 0; }*/
  /*p:first-of-type:before { content: "\201C"; left: -1em; position: absolute; text-align: right; width: 1em; }
  p:last-of-type:after { content: "\201D"; }*/ }
  blockquote h3 {
    margin: 0 0 .1em;
    line-height: 1; }
  blockquote p span {
    line-height: 1;
    font-size: 2rem; }
    @media (max-width: 768px) {
      blockquote p span {
        font-size: 1.4rem; } }
  @media (max-width: 768px) {
    blockquote {
      font-size: 2.2rem; } }
  @media (max-width: 480px) {
    blockquote {
      font-size: 1.8rem; } }

blockquote > h3 + p {
  margin-top: 0; }

blockquote + p {
  font-family: "Trade Gothic", Arial, sans-serif;
  font-weight: 400;
  font-size: 2rem;
  margin-top: .5em;
  font-style: italic;
  color: #C7AF7F; }
  blockquote + p span {
    font-style: normal; }
  @media (max-width: 768px) {
    blockquote + p {
      font-size: 1.6rem; } }

/*.quote { margin: 4em 0;
	@media (max-width: $bp-md) { margin: 3em 0;  }
	@media (max-width: $bp-sm) { margin: 2em 0;  }
}*/
hr {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid #E5E5E0;
  margin: 4em 0; }
  @media (max-width: 768px) {
    hr {
      margin: 3em 0; } }
  @media (max-width: 480px) {
    hr {
      margin: 2em 0; } }

.logo {
  font-size: 2.6rem;
  display: block;
  position: fixed;
  top: 44px;
  left: 50px;
  z-index: 10000; }
  @media (max-width: 480px) {
    .logo {
      left: 10px;
      top: 12px; } }
  .logo img {
    width: 100px;
    height: 100px; }
    .logo img:hover, .logo img:focus {
      color: #B27D83; }
    @media (max-width: 480px) {
      .logo img {
        width: 30px;
        height: 30px; } }

.wordmark {
  display: block;
  position: absolute;
  top: 70px;
  left: 170px;
  z-index: 10000; }
  .wordmark span {
    width: 200px;
    height: 47px;
    font-family: "Trade Gothic", Arial, sans-serif;
    font-size: 1.3em;
    color: white;
    font-weight: 400; }
    @media (max-width: 480px) {
      .wordmark span {
        display: none; } }

.bg-alt {
  background: url(/ranking/pattern-white-test.png) #f1f1ee; }

.highlight {
  color: #592B2F;
  margin: 0;
  /*@include linear-gradient(45deg, $heath, $persianplum)*/ }
  .highlight .best {
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    flex-direction: column; }
  .highlight p {
    font-size: 2.4rem; }
    @media (max-width: 480px) {
      .highlight p {
        font-size: 1.6rem; } }
    .highlight p.part1 {
      max-width: 20em;
      margin-top: 0; }
      @media (max-width: 480px) {
        .highlight p.part1 {
          max-width: inherit;
          margin-top: 0; } }
    .highlight p.part2 {
      margin-left: 31%;
      max-width: 40em;
      margin-bottom: 0; }
      @media (max-width: 768px) {
        .highlight p.part2 {
          margin-left: inherit; } }
      .highlight p.part2 em {
        color: #C7AF7F; }
  .highlight h1 {
    font-size: 9rem;
    margin: 0.03em 0 0.5em 17%;
    max-width: inherit;
    -webkit-text-fill-color: inherit; }
    .highlight h1 span {
      margin-left: 15%; }
    @media (max-width: 1220px) {
      .highlight h1 {
        font-size: 7rem; } }
    @media (max-width: 768px) {
      .highlight h1 {
        font-size: 5rem;
        margin-bottom: 0;
        margin-left: 0; }
        .highlight h1 span {
          margin-left: 0; } }
    @media (max-width: 480px) {
      .highlight h1 {
        font-size: 4rem; } }
  .highlight h2 {
    font-size: 8.1rem;
    margin: 0 0 0 55%;
    font-weight: inherit; }
    @media (max-width: 1220px) {
      .highlight h2 {
        font-size: 6rem;
        margin-left: 35%; } }
    @media (max-width: 768px) {
      .highlight h2 {
        font-size: 4rem; } }
    @media (max-width: 480px) {
      .highlight h2 {
        font-size: 3.5rem;
        margin-left: 7%; } }

.hero {
  padding: 0;
  display: flex;
  height: 100vh;
  flex-direction: column;
  justify-content: center; }
  @media (max-width: 480px) {
    .hero {
      margin-bottom: inherit; } }
  .hero h1 {
    padding: 0 8%; }

.intro {
  width: 45%;
  margin-top: -17%;
  margin-left: 40%;
  margin-bottom: 5%;
  line-height: 2;
  font-size: 1.8rem;
  background: white;
  padding: 2em 2.5em;
  z-index: 2;
  position: relative; }
  @media (max-width: 768px) {
    .intro {
      width: inherit;
      margin-left: inherit;
      margin-top: inherit; } }
  @media (max-width: 480px) {
    .intro {
      font-size: 1.4rem; } }

#menu-toggle {
  display: block;
  position: fixed;
  top: 50px;
  right: 50px;
  z-index: 20000;
  -webkit-user-select: none;
  user-select: none; }
  @media (max-width: 480px) {
    #menu-toggle {
      top: 18px;
      right: 18px; } }

#menu-toggle input {
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  cursor: pointer;
  opacity: 0;
  /* hide this */
  z-index: 20001;
  /* and place it over the hamburger */
  -webkit-touch-callout: none; }

#menu-toggle span {
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  background: white;
  border-radius: 3px;
  z-index: 20000;
  transform-origin: 4px 0px;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease; }
  @media (max-width: 480px) {
    #menu-toggle span {
      width: 25px;
      height: 4px;
      margin-bottom: 3px;
      transform-origin: 1px 0; } }

#menu-toggle span:first-child {
  transform-origin: 0% 0%; }

#menu-toggle span:nth-last-child(2) {
  transform-origin: 0% 100%; }

/*  Transform all the slices of hamburger into a crossmark. */
#menu-toggle input:checked ~ span {
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #3B1C1E; }

/* But let's hide the middle one. */
#menu-toggle input:checked ~ span:nth-last-child(3) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2); }

/* Oh yeah and the last one should go the other direction */
#menu-toggle input:checked ~ span:nth-last-child(2) {
  transform: rotate(-45deg) translate(0, -1px); }

/* Make this absolute positioned at the top left of the screen */
#menu {
  position: fixed;
  width: 245px;
  margin: -100px 0 0 -262px;
  padding: 50px;
  padding-top: 125px;
  background: #dcdcd5;
  color: #4e131a;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  transform-origin: 0% 0%;
  transform: translate(100%, 0);
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  font-style: italic;
  height: 100%; }
  @media (max-width: 480px) {
    #menu {
      margin: -40px 0 0 -270px;
      padding: 60px 40px 40px; } }
  #menu a {
    text-decoration: none;
    color: #4e131a;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease; }
    #menu a:hover, #menu a:focus {
      color: #991A28; }
    #menu a svg {
      color: rgba(78, 19, 26, 0.2); }

#menu li {
  padding: 10px 0;
  font-size: 1.8rem;
  /*@media (max-width: $bp-sm) { font-size: 1.5rem; }*/ }

/* And let's slide it in from the left */
#menu-toggle input:checked ~ ul {
  transform: none; }

.slick-list::before {
  content: url(/ranking/corner-white-2.png);
  transform: rotate(180deg);
  position: absolute;
  z-index: 3;
  right: -2px;
  bottom: 0px; }

.slick-slide {
  position: relative;
  z-index: -1; }
  .slick-slide img {
    width: 100%; }

.carousel .slick-slide img {
  width: 99%;
  margin: 0 auto; }

.stat-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  max-width: 1220px;
  margin: 0 auto;
  background-color: #3B1C1E; }
  @media (max-width: 1220px) {
    .stat-wrap div:nth-child(-n+2) {
      padding-bottom: 0; } }
  @media (max-width: 480px) {
    .stat-wrap div:nth-child(-n+3) {
      padding-bottom: 0; } }

.stat-card {
  text-align: center;
  width: calc(100% / 4);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 90px 0; }
  @media (max-width: 1220px) {
    .stat-card {
      width: calc(100% / 2);
      padding: 60px 0; } }
  @media (max-width: 480px) {
    .stat-card {
      width: 100%; } }

.stat h2 {
  margin: 0 0 .2em;
  color: white;
  font-weight: inherit;
  font-family: "Trade Gothic", Arial, sans-serif; }
.stat p {
  margin: 0;
  color: rgba(207, 186, 145, 0.7);
  max-width: 150px; }

.companies {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-top: 2em;
  justify-content: space-between; }
  @media (max-width: 480px) {
    .companies {
      justify-content: center; } }
  .companies div {
    line-height: 0;
    padding: 2em;
    display: flex;
    align-items: center;
    /*justify-content: space-around; min-width: 160px;*/ }
    @media (max-width: 768px) {
      .companies div {
        /*padding: 7px 30px 20px 0;*/
        justify-content: flex-start; } }
  .companies img {
    max-width: 160px;
    max-height: 60px; }
    @media (max-width: 768px) {
      .companies img {
        max-width: 96px; } }

.btn-group {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }
  .btn-group a {
    margin-left: .4em;
    margin-bottom: .4em; }
  .btn-group a:first-child {
    margin-left: 0; }
  @media (max-width: 480px) {
    .btn-group {
      width: 100%; }
      .btn-group a {
        margin: .4em 0; } }

.btn {
  padding: 1em 1.8em;
  background: #3B1C1E;
  color: white;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  font-size: 2.4rem;
  background-color: #592B2F;
  /* Fallback Color */
  background-image: -webkit-gradient(linear, 45deg, from(#3B1C1E), to(#592B2F));
  background-image: -webkit-linear-gradient(45deg, #3B1C1E, #592B2F);
  background-image: -moz-linear-gradient(45deg, #3B1C1E, #592B2F);
  background-image: -ms-linear-gradient(45deg, #3B1C1E, #592B2F);
  background-image: -o-linear-gradient(45deg, #3B1C1E, #592B2F);
  background-image: linear-gradient(45deg, #3B1C1E, #592B2F);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=$angle,StartColorStr='#3B1C1E', EndColorStr='#592B2F');
  border: 1px solid #3B1C1E;
  font-weight: 700; }
  .btn:hover, .btn:focus {
    color: white;
    box-shadow: 0px 2px 1px 1px rgba(78, 19, 26, 0.4);
    transform: translateY(-2px); }
  @media (max-width: 768px) {
    .btn {
      padding: .8em 1.2em;
      font-size: 1.6rem; } }
  @media (max-width: 480px) {
    .btn {
      width: 100%;
      text-align: center; } }

.btn-ghost {
  background: transparent;
  color: #6B1D27; }
  .btn-ghost:hover, .btn-ghost:focus {
    color: #6B1D27; }

.wrap-title {
  width: 100%; }

/*.wrap-arrow { padding: 0 8%; }
.bounce { -moz-animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite; }
.arrow { color: white; position: absolute; left: 15%; bottom: 15%;}
@keyframes  bounce 	{ 0%, 20%, 50%, 80%, 100%
						{ transform: translateY(0); }
						40% { transform: translateY(-30px); }
						60% { transform: translateY(-15px); }
}*/

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