@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Pacifico&display=swap');




/* CSS Document */
::-moz-selection {
    background: #7b7d7f;
    color: #ffffff;
    text-shadow: none;
  }
  ::selection {
    background: #7b7d7f;
    color: #ffffff;
    text-shadow: none;
  }
  *,
  *:before,
  *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }
  html,
  body,
  div,
  span,
  applet,
  object,
  iframe,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  blockquote,
  pre,
  abbr,
  acronym,
  address,
  big,
  cite,
  code,
  del,
  dfn,
  em,
  img,
  ins,
  kbd,
  q,
  s,
  samp,
  small,
  strike,
  strong,
  sub,
  sup,
  tt,
  var,
  b,
  u,
  i,
  center,
  dl,
  dt,
  dd,
  ol,
  ul,
  li,
  fieldset,
  form,
  label,
  legend,
  table,
  caption,
  tbody,
  tfoot,
  thead,
  tr,
  th,
  td,
  article,
  aside,
  canvas,
  details,
  embed,
  figure,
  figcaption,
  footer,
  header,
  hgroup,
  menu,
  nav,
  output,
  ruby,
  section,
  summary,
  time,
  mark,
  audio,
  video,
  textarea,
  input {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    outline: none;
  }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body{
    overflow: hidden;
    color: #fff;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
:root {
    overflow-y: scroll;
  }

.video-banner {
    width: 100%;
    float: left;
    height: 100vh;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.video-banner .video-wrapper {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
}

.video-banner .video-wrapper video {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    z-index: 1;
    top: 0;
    left: 0;
}

.video-banner .video-txt {
    position: relative;
    padding: 0 10px 0 10px;
    text-align: center;
    width: 55%;
}

.video-banner .video-txt h1 {
    color: #fff;
    font-size: 60px;
    font-weight: 900;
    font-family: 'Montserrat', sans-serif;
    margin: 0 0 20px;
}

.video-banner .video-txt h2 {
    font-size: 26px;
    font-weight: 700;
    font-family: 'Pacifico', cursive;
}


.video-banner .video-txt p {
    font-size: 26px;
    font-family: 'Open Sans', sans-serif;
    margin: 0 0 20px;
    font-weight: 300;
}

.video-banner .video-wrapper iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    z-index: 1;
    top: 0;
    left: 0;
}


@media (max-width:1326px) {
    .video-banner .video-txt{
        width: 61%;
    }
}
@media (max-width:1199px) {
    .video-banner .video-txt{
        width: 72%;
    }
}



@media (max-width:767px) {
    .video-banner .video-txt h1{
        font-size: 50px;
    }
    .video-banner .video-txt {
        width: 100%;
        padding: 0 10px;
    }
}


@media (max-width:480px) {
    .video-banner .video-txt h1{
        font-size: 40px;
    }
}