@import url('https://fonts.googleapis.com/css2?family=Poppins: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');
*{ outline:none; -webkit-box-sizing:border-box; box-sizing:border-box; text-decoration:none; word-wrap:break-word; -o-object-fit:cover; object-fit:cover; -webkit-appearance:none; padding:0; margin:0; list-style: none;  }
h1, h2, h3, h4, h5, h6{ font-family: 'Poppins', sans-serif; color: var(--blueB); font-weight: 500; line-height: 100%; font-size: 2.5vw; margin: 1vw 0vw; }
p, a, ul, li, span{ font-family: 'Poppins', sans-serif; color: var(--black); font-weight: 300; font-size: 1.3vw; }
a{ color: var(--blue); font-weight: 500; }
a,input[type="submit"]{cursor:pointer; }
img{height:auto;display: block;}
::-webkit-input-placeholder { color: var(--black); font-family: 'Poppins', sans-serif; font-size: 1.3vw; }
::-moz-placeholder { color: var(--black);; font-family: 'Poppins', sans-serif; font-size: 1.3vw; }
:-ms-input-placeholder { color: var(--black);; font-family: 'Poppins', sans-serif; font-size: 1.3vw; }
:-moz-placeholder { color: var(--black);; font-family: 'Poppins', sans-serif; font-size: 1.3vw; }
::-moz-selection{ background: var(--blueB); color: var(--white); }
::selection{ background: var(--blueB); color: var(--white); }
.cont1200{ max-width: 1090px; width: 90%; }
.cont1000{ max-width: 1000px; width: 100%; }
.cont900{ max-width: 900px; width: 100%; }
.cont700{ max-width: 700px; width: 100%; }
.cont100{ width: 100%; }
.cont90{ width: 90%; }
.cont80{ width: 80%; }
.cont75{ width: 75%; }
.cont72{ width: 72%; }
.cont70{ width: 70%; }
.cont67{ width: 67%; }
.cont65{ width: 65%; }
.cont60{ width: 60%; }
.cont55{ width: 55%; }
.cont50{ width: 50%; }
.cont45{ width: 45%; }
.cont40{ width: 40%; }
.cont35{ width: 35%; }
.cont33{ width: 33%; }
.cont30{ width: 30%; }
.cont28{ width: 28%; } 
.cont25{ width: 25%; }
.cont20{ width: 20%; }
.cont16{ width: 15%; }
.cont10{ width: 10%; }
.cont5{ width: 5%; }
.pad3{ padding: 3px; }
.pad5{ padding: 5px; }
.pad10{ padding: 10px; }
.pad15{ padding: 15px; }
.pad20{ padding: 20px; }
.pad25{ padding: 25px; }
.pad30{ padding: 30px; }
.pad5a{ padding: 5px 0px; }
.pad10a{ padding: 10px 0px; }
.pad20a{ padding: 20px 0px; }
.pad30a{ padding: 30px 0px; }
.mar{ margin: 0 auto; }
.mar10{ margin: 10px 0px; }
.mar20{ margin: 20px 0px; }
.mar30{ margin: 30px 0px; }
.mar10a{ margin: 10px auto; }
.mar20a{ margin: 20px auto; }
.mar30a{ margin: 30px auto; }
.center{ text-align: center; }
.left{ text-align: left; }
.right{ text-align: right; }
.justify{ text-align:justify; }
.absolute{ position: absolute; }
.relative{ position: relative; }
.fixed{ position: fixed; }
.block{ display: block; }
.grid{ display: -ms-grid; display: grid; }
.flex{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.table{ display: table; }
.clearfix{ float: none; clear: both; }
.strong{ font-weight: bold; }
.itemCenter{ -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.itemEnd{ -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
.responsive{ max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; width: 100%; }
.videoContainer{ position:relative; padding-bottom:56.25%; height:0; overflow:hidden; max-width:100%; margin:10px auto;}
.videoContainer iframe, .videoContainer object, .videoContainer embed{ position:absolute; top:0; left:0; width:100% !important; height:100% !important;}
hr{ background: #000; border: none; height: 6px; width: 30px; display: block; margin: 0 auto; }
:root{ --white: #fff; --black: #000; --blue: #14213D; --blueB: #14213D; --yellow: #F6A21C;  }

body{ background: var(--white); }

#bodyHead{ position: relative; height: 100vh;  }

#bodyBack{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: var(--yellow); }

#bodyGeneral{ position: absolute; top: 0; left: 0; z-index: 9; width: 60%; padding: 2vw; background: var(--white); -webkit-clip-path: polygon(0% 0%, 100% 0%, 0% 600%, 0% 0%); clip-path: polygon(0% 0%, 100% 0%, 0% 600%, 0% 0%); height: 100%; }

#pageDescription{ padding: 2vw 1vw; width: 90%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
#pageDescription h2{ font-size: 1.9vw; }
#pageDescription img{ width: 17vw; margin-bottom: 2vw; }
#pageDescription .copy{ margin-top: 3vw; }

@media only screen and (max-width: 500px){
  #bodyGeneral{ width: 90%; padding: 4vw; }
  #pageContent{ padding: 5vw 2vw; }
  #pageDescription{ padding: 3vw; }
  #pageDescription img{ width: 40vw; margin-top: 5vw; }
  #pageDescription h1{ font-size: 7vw; }
  #pageDescription h2{ font-size: 5vw; }
  #pageDescription .copy{ margin-top: 5vw; }
  h1, h2, h3, h4, h5, h6{ font-size: 7vw; margin: 3vw 0vw; }
  p, a, ul, li, span{ font-size: 4vw; }
  #pageContent{ width: 80%; }
}