/******************************************************************
 Breakpoint Mixin
******************************************************************/
/******************************************************************
 Styles
******************************************************************/
@font-face {
  font-family: 'Futura PT';
  src: url("../../fonts/FuturaPTMedium.woff"); }

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: optimize-contrast;
  -ms-interpolation-mode: nearest-neighbor; }

body {
  padding: 0;
  margin: 0;
  font-family: 'Futura PT', 'Open Sans', Helvetica; }

.container {
  max-width: 1000px;
  margin: 0 auto; }

.hero {
  width: 100%;
  position: relative;
  height: 710px;
  opacity: 0; }
  @media (min-height: 700px) {
    .hero {
      height: 100vh; } }
  .hero .logo {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto; }
    .hero .logo-image {
      width: auto;
      display: block;
      margin: 0 auto;
      margin-bottom: 100px;
      max-width: 90%;
      height: 20vh; }
      @media (min-width: 640px) {
        .hero .logo-image {
          height: 30vh;
          margin-bottom: 5vh; } }
    .hero .logo-text {
      width: auto;
      display: block;
      margin: 0 auto;
      margin-bottom: 50px;
      max-width: 90%;
      height: 7vh; }
      @media (min-width: 640px) {
        .hero .logo-text {
          height: 10vh;
          margin-bottom: 10vh; } }
    .hero .logo span {
      display: block;
      font-size: 30px; }
      @media (min-width: 640px) {
        .hero .logo span {
          font-size: 40px; } }
  .hero .arrow-down {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    display: block;
    margin: 0 auto;
    max-width: 40px;
    -webkit-animation: bounce 2s infinite ease-in-out;
    -o-animation: bounce 2s infinite ease-in-out;
    -ms-animation: bounce 2s infinite ease-in-out;
    -moz-animation: bounce 2s infinite ease-in-out;
    animation: bounce 2s infinite ease-in-out; }
    @media (min-width: 640px) {
      .hero .arrow-down {
        max-width: none; } }

.menus {
  padding: 50px 30px;
  position: relative;
  background-image: url(https://www.panthers.com.au/wp-content/themes/Panthers_modified/templates/homepage/images/background-full.jpg) !important;
  background-repeat: no-repeat!important;
  background-size: cover!important;}
  @media (min-width: 640px) {
    .menus {
      padding: 50px; } }
  .menus .container {
    max-width: 800px; }
  .menus .fullscreen-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100; }
  .menus .fullscreen-bg__video {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: 100%; }
    @media (min-width: 1500px) {
      .menus .fullscreen-bg__video {
        width: 100%;
        height: auto; } }
  .menus .link {
    display: block;
    position: relative;
    background: rgba(255, 255, 255, 0.9);
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 2;
    color: #000000;
    padding: 15px 40px 15px 20px;
    margin: 20px 0;
    font-size: 20px;
    transform: scale(1);
    transition: all .2s linear; }
    @media (min-width: 640px) {
      .menus .link {
        font-size: 30px;
        padding: 15px 30px; } }
  .menus .link:hover {
    transform: scale(1.05);
    transition: all .2s linear; }
  .menus .arrow-right {
    height: 20px;
    width: 14px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%); }
    @media (min-width: 640px) {
      .menus .arrow-right {
        height: 30px;
        width: 21px;
        right: 40px; } }

.panthers-logos {
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  margin: 50px;
  margin-bottom: 0;
  display: none; }
  @media (min-width: 640px) {
    .panthers-logos {
      display: flex; } }
  @media (min-width: 1100px) {
    .panthers-logos {
      flex-wrap: nowrap; } }
  @media (min-width: 1400px) {
    .panthers-logos {
      margin: 100px 50px; } }
  .panthers-logos .link {
    display: inline-block;
    margin: 10px 20px; }
    @media (min-width: 1100px) {
      .panthers-logos .link {
        margin: 10px 10px; } }
    @media (min-width: 1400px) {
      .panthers-logos .link {
        margin: 10px 15px; } }
    .panthers-logos .link img {
      max-width: 100%;
      width: auto;
      max-height: 100px; }
      @media (min-width: 1100px) {
        .panthers-logos .link img {
          max-height: 150px; } }

.footer {
  text-align: center;
  margin-bottom: 50px;
  margin-top: 50px;
  padding: 0 15px;
  font-size: 16px; }
  @media (min-width: 640px) {
    .footer {
      font-size: 20px; } }
  .footer a {
    color: #000000; }

/**************
 GENERAL STYLE
 *************/
@-webkit-keyframes bounce {
  0%, 100% {
    transform: translateY(0px); }
  50% {
    transform: translateY(-15px); } }

@keyframes bounce {
  0%, 100% {
    transform: translateY(0px); }
  50% {
    transform: translateY(-15px); } }