/*
Starter Styles v1.0 Sept. 2019
--Premade Styles for use on Websites--
----Made by Zack Milenius----
*/

/* Comment Sample */
/* 
Breakpoints
768px MD
992px LG
1200px XL
*/

/* Font Imports */
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lato&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lexend+Deca&display=swap');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display&display=swap');
@import url('https://fonts.googleapis.com/css?family=Anton&display=swap');
@import url('https://fonts.googleapis.com/css?family=Pacifico&display=swap');
@import url('https://fonts.googleapis.com/css?family=Shadows+Into+Light&display=swap');
.roboto {font-family: 'Roboto', sans-serif;}
.roboto-cond {font-family: 'Roboto Condensed', sans-serif;}
.opensans {font-family: 'Open Sans', sans-serif;}
.opensans-cond {font-family: 'Open Sans Condensed', sans-serif;}
.lato {font-family: 'Lato', sans-serif;}
.lexend {font-family: 'Lexend Deca', sans-serif;}
.playfair {font-family: 'Playfair Display', serif;}
.anton {font-family: 'Anton', sans-serif;}
.pacifico {font-family: 'Pacifico', cursive;}
.shadowlight {font-family: 'Shadows Into Light', cursive;}

/* Utilities */
html{margin:0;border:none;}
body{margin:0;border:none;}
a {color:#36a9df;text-decoration:none;transition:.25s;transition-timing-function:ease-in-out;}
a:hover{color:#137cad;text-decoration:none;}
button{border:none;background:transparent;transition:.25s;transition-timing-function:ease-in-out;}

/* Colors */
/* White/Black */
.white {color:#ffffff;}
.lighter {color:#f4f5f7;}
.light {color:#bcc2c4;}
.base {color:#838587;}
.dark {color:#313033;}
.darker {color:#151515;}
/* Primary */
.p-lighter {color:primary-lighter;}
.p-light {color:primary-light;}
.p-base {color:primary-base;}
.p-dark {color:primary-dark;}
.p-darker {color:primary-darker;}
/* Secondary */
.s-lighter {color:second-lighter;}
.s-light {color:second-light;}
.s-base {color:second-base;}
.s-dark {color:second-dark;}
.s-darker {color:second-darker;}
/* Red */
.red-lighter {color:#f9acaa;}
.red-light {color:#ef5753;}
.red-base {color:#e3342f;}
.red-dark {color:#cc1f1a;}
.red-darker {color:#621b18;}
/* Green */
.green-lighter {color:#a2f5bf;}
.green-light {color:#51d88a;}
.green-base {color:#38c172;}
.green-dark {color:#1f9d55;}
.green-darker {color:#0f2f21;}
/* Yellow */
.yellow-lighter {color:#fff9c2;}
.yellow-light {color:#fff382;}
.yellow-base {color:#ffed4a;}
.yellow-dark {color:#f2d024;}
.yellow-darker {color:#453411;}

/* Backgrounds */
.bg-cover {background-repeat:no-repeat;background-size:cover;background-position:center;}
.bg-wide {background-repeat:no-repeat;background-size:auto 100%;background-position:center;}
.bg-parallax {background-repeat:no-repeat;background-size:cover;background-position:center;background-attachment:fixed;}
.bg-white {background-color:#ffffff;}
.bg-black {background-color:#151515;}
.bg-lighter {background-color:#f4f5f7;}
.bg-p-base {background-color:primary-base;}
.bg-s-base {background-color:second-base;}
.bg-red-lighter {background-color:#f9acaa;}
.bg-green-lighter {background-color:#a2f5bf;}
.bg-yellow-lighter {background-color:#fff9c2;}


/* Font Weights */
.font-light {font-weight:100;}
.font-base {font-weight:400;}
.font-bold, h1, h2, h3, h4, h5, h6 {font-weight:700;}
.font-black {font-weight:900;}

/* Text Size */
.text-xs {font-size:.75rem;}
.text-sm, h6 {font-size:.875rem;}
.text-base, h5 {font-size:1rem;}
.text-md, h4 {font-size:1.125rem;}
.text-lg, h3 {font-size:1.25rem;}
.text-xl, h2 {font-size:1.5rem;}
.text-2xl, h1 {font-size:2rem;}
.text-3xl {font-size:4rem;}

/* Text Alignment */
.text-right {text-align:right}
.text-center {text-align:center;}
.text-left {text-align:left;}
@media only screen and (min-width: 768px) {
 .md-text-right {text-align:right}
 .md-text-center {text-align:center;}
 .md-text-left {text-align:left;}
}
@media only screen and (min-width: 992px) {
 .lg-text-right {text-align:right}
 .lg-text-center {text-align:center;}
 .lg-text-left {text-align:left;}
}
@media only screen and (min-width: 1200px) {
 .xl-text-right {text-align:right}
 .xl-text-center {text-align:center;}
 .xl-text-left {text-align:left;}
}

/* Widths */
.w-auto {width:auto;}
.w-full {width:100vw;}
.w-100 {width:100%;}
.w-83 {width:83.333333%;}
.w-80 {width:80%;}
.w-75 {width:75%;}
.w-66 {width:66.6666667%;}
.w-60 {width:60%;}
.w-50 {width:50%;}
.w-40 {width:40%;}
.w-37 {width:37.5%;}
.w-33 {width:33.333333%;}
.w-25 {width:25%;}
.w-20 {width:20%;}
.w-16 {width:16.6666667%;}
.w-12 {width:12.5%;}
.w-px {width:1px;}
@media only screen and (min-width: 768px) {
 .md-w-auto {width:auto;}
 .md-w-full {width:100vw;}
 .md-w-100 {width:100%;}
 .md-w-83 {width:83.333333%;}
 .md-w-80 {width:80%;}
 .md-w-75 {width:75%;}
 .md-w-66 {width:66.6666667%;}
 .md-w-60 {width:60%;}
 .md-w-50 {width:50%;}
 .md-w-40 {width:40%;}
 .md-w-37 {width:37.5%;}
 .md-w-33 {width:33.333333%;}
 .md-w-25 {width:25%;}
 .md-w-20 {width:20%;}
 .md-w-16 {width:16.6666667%;}
 .md-w-12 {width:12.5%;}
 .md-w-px {width:1px;}
}
@media only screen and (min-width: 992px) {
 .lg-w-auto {width:auto;}
 .lg-w-full {width:100vw;}
 .lg-w-100 {width:100%;}
 .lg-w-83 {width:83.333333%;}
 .lg-w-80 {width:80%;}
 .lg-w-75 {width:75%;}
 .lg-w-66 {width:66.6666667%;}
 .lg-w-60 {width:60%;}
 .lg-w-50 {width:50%;}
 .lg-w-40 {width:40%;}
 .lg-w-37 {width:37.5%;}
 .lg-w-33 {width:33.333333%;}
 .lg-w-25 {width:25%;}
 .lg-w-20 {width:20%;}
 .lg-w-16 {width:16.6666667%;}
 .lg-w-12 {width:12.5%;}
 .lg-w-px {width:1px;}
}
@media only screen and (min-width: 1200px) {
 .xl-w-auto {width:auto;}
 .xl-w-full {width:100vw;}
 .xl-w-100 {width:100%;}
 .xl-w-83 {width:83.333333%;}
 .xl-w-80 {width:80%;}
 .xl-w-75 {width:75%;}
 .xl-w-66 {width:66.6666667%;}
 .xl-w-60 {width:60%;}
 .xl-w-50 {width:50%;}
 .xl-w-40 {width:40%;}
 .xl-w-37 {width:37.5%;}
 .xl-w-33 {width:33.333333%;}
 .xl-w-25 {width:25%;}
 .xl-w-20 {width:20%;}
 .xl-w-16 {width:16.6666667%;}
 .xl-w-12 {width:12.5%;}
 .xl-w-px {width:1px;}
}

/* Max-Widths */
.mw-100 {max-width:100%;}
.mw-boot {max-width:1100px;}

/* Height */
.h-auto {height:auto;}
.h-full {height:100vh;}
.h-100 {height:100%;}
.h-1 {height:1rem;}
.h-2 {height:2rem;}
.h-3 {height:3rem;}
.h-4 {height:4rem;}
.h-5 {height:5rem;}
@media only screen and (min-width: 768px) {
 .md-h-auto {height:auto;}
 .md-h-full {height:100vh;}
 .md-h-100 {height:100%;}
}
@media only screen and (min-width: 992px) {
 .lg-h-auto {height:auto;}
 .lg-h-full {height:100vh;}
 .lg-h-100 {height:100%;}
}
@media only screen and (min-width: 1200px) {
 .xl-h-auto {height:auto;}
 .xl-h-full {height:100vh;}
 .xl-h-100 {height:100%;}
}

/* Max-Height */
.mh-100 {max-height:100%;}

/* Padding */
.p-px {padding:1px;}
.p-0 {padding:0px;}
.p-1 {padding:0.25rem;}
.p-2 {padding:0.5rem;}
.p-3 {padding:0.75rem;}
.p-4 {padding:1rem;}
.p-5 {padding:1.25rem;}
.p-6 {padding:1.5rem;}
.p-7 {padding:2rem;}
.p-8 {padding:4rem;}
.p-9 {padding:8rem;}
@media only screen and (min-width: 768px) {
 .md-p-px {padding:1px;}
 .md-p-0 {padding:0px;}
 .md-p-1 {padding:0.25rem;}
 .md-p-2 {padding:0.5rem;}
 .md-p-3 {padding:0.75rem;}
 .md-p-4 {padding:1rem;}
 .md-p-5 {padding:1.25rem;}
 .md-p-6 {padding:1.5rem;}
 .md-p-7 {padding:2rem;}
 .md-p-8 {padding:4rem;}
 .md-p-9 {padding:8rem;}
}
@media only screen and (min-width: 992px) {
 .lg-p-px {padding:1px;}
 .lg-p-0 {padding:0px;}
 .lg-p-1 {padding:0.25rem;}
 .lg-p-2 {padding:0.5rem;}
 .lg-p-3 {padding:0.75rem;}
 .lg-p-4 {padding:1rem;}
 .lg-p-5 {padding:1.25rem;}
 .lg-p-6 {padding:1.5rem;}
 .lg-p-7 {padding:2rem;}
 .lg-p-8 {padding:4rem;}
 .lg-p-9 {padding:8rem;}
}
@media only screen and (min-width: 1200px) {
 .lg-p-px {padding:1px;}
 .lg-p-0 {padding:0px;}
 .lg-p-1 {padding:0.25rem;}
 .lg-p-2 {padding:0.5rem;}
 .lg-p-3 {padding:0.75rem;}
 .lg-p-4 {padding:1rem;}
 .lg-p-5 {padding:1.25rem;}
 .lg-p-6 {padding:1.5rem;}
 .lg-p-7 {padding:2rem;}
 .lg-p-8 {padding:4rem;}
 .lg-p-9 {padding:8rem;}
}

/* Padding-Y */
.py-px {padding-top:1px;padding-bottom:1px;}
.py-0 {padding-top:0px;padding-bottom:0px;}
.py-1 {padding-top:0.25rem;padding-bottom:0.25rem;}
.py-2 {padding-top:0.5rem;padding-bottom:0.5rem;}
.py-3 {padding-top:0.75rem;padding-bottom:0.75rem;}
.py-4 {padding-top:1rem;padding-bottom:1rem;}
.py-5 {padding-top:1.25rem;padding-bottom:1.25rem;}
.py-6 {padding-top:1.5rem;padding-bottom:1.5rem;}
.py-7 {padding-top:2rem;padding-bottom:2rem;}
.py-8 {padding-top:4rem;padding-bottom:4rem;}
.py-9 {padding-top:8rem;padding-bottom:8rem;}
@media only screen and (min-width: 768px) {
 .md-py-px {padding-top:1px;padding-bottom:1px;}
 .md-py-0 {padding-top:0px;padding-bottom:0px;}
 .md-py-1 {padding-top:0.25rem;padding-bottom:0.25rem;}
 .md-py-2 {padding-top:0.5rem;padding-bottom:0.5rem;}
 .md-py-3 {padding-top:0.75rem;padding-bottom:0.75rem;}
 .md-py-4 {padding-top:1rem;padding-bottom:1rem;}
 .md-py-5 {padding-top:1.25rem;padding-bottom:1.25rem;}
 .md-py-6 {padding-top:1.5rem;padding-bottom:1.5rem;}
 .md-py-7 {padding-top:2rem;padding-bottom:2rem;}
 .md-py-8 {padding-top:4rem;padding-bottom:4rem;}
 .md-py-9 {padding-top:8rem;padding-bottom:8rem;}
}
@media only screen and (min-width: 992px) {
 .lg-py-px {padding-top:1px;padding-bottom:1px;}
 .lg-py-0 {padding-top:0px;padding-bottom:0px;}
 .lg-py-1 {padding-top:0.25rem;padding-bottom:0.25rem;}
 .lg-py-2 {padding-top:0.5rem;padding-bottom:0.5rem;}
 .lg-py-3 {padding-top:0.75rem;padding-bottom:0.75rem;}
 .lg-py-4 {padding-top:1rem;padding-bottom:1rem;}
 .lg-py-5 {padding-top:1.25rem;padding-bottom:1.25rem;}
 .lg-py-6 {padding-top:1.5rem;padding-bottom:1.5rem;}
 .lg-py-7 {padding-top:2rem;padding-bottom:2rem;}
 .lg-py-8 {padding-top:4rem;padding-bottom:4rem;}
 .lg-py-9 {padding-top:8rem;padding-bottom:8rem;}
}
@media only screen and (min-width: 1200px) {
 .xl-py-px {padding-top:1px;padding-bottom:1px;}
 .xl-py-0 {padding-top:0px;padding-bottom:0px;}
 .xl-py-1 {padding-top:0.25rem;padding-bottom:0.25rem;}
 .xl-py-2 {padding-top:0.5rem;padding-bottom:0.5rem;}
 .xl-py-3 {padding-top:0.75rem;padding-bottom:0.75rem;}
 .xl-py-4 {padding-top:1rem;padding-bottom:1rem;}
 .xl-py-5 {padding-top:1.25rem;padding-bottom:1.25rem;}
 .xl-py-6 {padding-top:1.5rem;padding-bottom:1.5rem;}
 .xl-py-7 {padding-top:2rem;padding-bottom:2rem;}
 .xl-py-8 {padding-top:4rem;padding-bottom:4rem;}
 .xl-py-9 {padding-top:8rem;padding-bottom:8rem;}
}

/* Padding-X */
.px-px {padding-left:1px;padding-right:1px;}
.px-0 {padding-left:0px;padding-right:0px;}
.px-1 {padding-left:0.25rem;padding-right:0.25rem;}
.px-2 {padding-left:0.5rem;padding-right:0.5rem;}
.px-3 {padding-left:0.75rem;padding-right:0.75rem;}
.px-4 {padding-left:1rem;padding-right:1rem;}
.px-5 {padding-left:1.25rem;padding-right:1.25rem;}
.px-6 {padding-left:1.5rem;padding-right:1.5rem;}
.px-7 {padding-left:2rem;padding-right:2rem;}
.px-8 {padding-left:4rem;padding-right:4rem;}
.px-9 {padding-left:8rem;padding-right:8rem;}
@media only screen and (min-width: 768px) {
 .md-px-px {padding-left:1px;padding-right:1px;}
 .md-px-0 {padding-left:0px;padding-right:0px;}
 .md-px-1 {padding-left:0.25rem;padding-right:0.25rem;}
 .md-px-2 {padding-left:0.5rem;padding-right:0.5rem;}
 .md-px-3 {padding-left:0.75rem;padding-right:0.75rem;}
 .md-px-4 {padding-left:1rem;padding-right:1rem;}
 .md-px-5 {padding-left:1.25rem;padding-right:1.25rem;}
 .md-px-6 {padding-left:1.5rem;padding-right:1.5rem;}
 .md-px-7 {padding-left:2rem;padding-right:2rem;}
 .md-px-8 {padding-left:4rem;padding-right:4rem;}
 .md-px-9 {padding-left:8rem;padding-right:8rem;}
}
@media only screen and (min-width: 992px) {
 .lg-px-px {padding-left:1px;padding-right:1px;}
 .lg-px-0 {padding-left:0px;padding-right:0px;}
 .lg-px-1 {padding-left:0.25rem;padding-right:0.25rem;}
 .lg-px-2 {padding-left:0.5rem;padding-right:0.5rem;}
 .lg-px-3 {padding-left:0.75rem;padding-right:0.75rem;}
 .lg-px-4 {padding-left:1rem;padding-right:1rem;}
 .lg-px-5 {padding-left:1.25rem;padding-right:1.25rem;}
 .lg-px-6 {padding-left:1.5rem;padding-right:1.5rem;}
 .lg-px-7 {padding-left:2rem;padding-right:2rem;}
 .lg-px-8 {padding-left:4rem;padding-right:4rem;}
 .lg-px-9 {padding-left:8rem;padding-right:8rem;}
}
@media only screen and (min-width: 1200px) {
 .xl-px-px {padding-left:1px;padding-right:1px;}
 .xl-px-0 {padding-left:0px;padding-right:0px;}
 .xl-px-1 {padding-left:0.25rem;padding-right:0.25rem;}
 .xl-px-2 {padding-left:0.5rem;padding-right:0.5rem;}
 .xl-px-3 {padding-left:0.75rem;padding-right:0.75rem;}
 .xl-px-4 {padding-left:1rem;padding-right:1rem;}
 .xl-px-5 {padding-left:1.25rem;padding-right:1.25rem;}
 .xl-px-6 {padding-left:1.5rem;padding-right:1.5rem;}
 .xl-px-7 {padding-left:2rem;padding-right:2rem;}
 .xl-px-8 {padding-left:4rem;padding-right:4rem;}
 .xl-px-9 {padding-left:8rem;padding-right:8rem;}
}

/* Margin */
.m-auto {margin:auto;}
.m-px {margin:1px;}
.m-0 {margin:0px;}
.m-1 {margin:0.25rem;}
.m-2 {margin:0.5rem;}
.m-3 {margin:0.75rem;}
.m-4 {margin:1rem;}
.m-5 {margin:1.25rem;}
.m-6 {margin:1.5rem;}
.m-7 {margin:2rem;}
.m-8 {margin:4rem;}
.m-9 {margin:8rem;}
@media only screen and (min-width: 768px) {
 .md-m-auto {margin:auto;}
 .md-m-px {margin:1px;}
 .md-m-0 {margin:0px;}
 .md-m-1 {margin:0.25rem;}
 .md-m-2 {margin:0.5rem;}
 .md-m-3 {margin:0.75rem;}
 .md-m-4 {margin:1rem;}
 .md-m-5 {margin:1.25rem;}
 .md-m-6 {margin:1.5rem;}
 .md-m-7 {margin:2rem;}
 .md-m-8 {margin:4rem;}
 .md-m-9 {margin:8rem;}
}
@media only screen and (min-width: 992px) {
 .lg-m-auto {margin:auto;}
 .lg-m-px {margin:1px;}
 .lg-m-0 {margin:0px;}
 .lg-m-1 {margin:0.25rem;}
 .lg-m-2 {margin:0.5rem;}
 .lg-m-3 {margin:0.75rem;}
 .lg-m-4 {margin:1rem;}
 .lg-m-5 {margin:1.25rem;}
 .lg-m-6 {margin:1.5rem;}
 .lg-m-7 {margin:2rem;}
 .lg-m-8 {margin:4rem;}
 .lg-m-9 {margin:8rem;}
}
@media only screen and (min-width: 1200px) {
 .xl-m-auto {margin:auto;}
 .xl-m-px {margin:1px;}
 .xl-m-0 {margin:0px;}
 .xl-m-1 {margin:0.25rem;}
 .xl-m-2 {margin:0.5rem;}
 .xl-m-3 {margin:0.75rem;}
 .xl-m-4 {margin:1rem;}
 .xl-m-5 {margin:1.25rem;}
 .xl-m-6 {margin:1.5rem;}
 .xl-m-7 {margin:2rem;}
 .xl-m-8 {margin:4rem;}
 .xl-m-9 {margin:8rem;}
}

/* Margin-Y */
.my-auto {margin-top:auto;margin-bottom:auto;}
.my-px {margin-top:1px;margin-bottom:1px;}
.my-0 {margin-top:0px;margin-bottom:0px;}
.my-1 {margin-top:0.25rem;margin-bottom:0.25rem;}
.my-2 {margin-top:0.5rem;margin-bottom:0.5rem;}
.my-3 {margin-top:0.75rem;margin-bottom:0.75rem;}
.my-4 {margin-top:1rem;margin-bottom:1rem;}
.my-5 {margin-top:1.25rem;margin-bottom:1.25rem;}
.my-6 {margin-top:1.5rem;margin-bottom:1.5rem;}
.my-7 {margin-top:2rem;margin-bottom:2rem;}
.my-8 {margin-top:4rem;margin-bottom:4rem;}
.my-9 {margin-top:8rem;margin-bottom:8rem;}
@media only screen and (min-width: 768px) {
 .md-my-auto {margin-top:auto;margin-bottom:auto;}
 .md-my-px {margin-top:1px;margin-bottom:1px;}
 .md-my-0 {margin-top:0px;margin-bottom:0px;}
 .md-my-1 {margin-top:0.25rem;margin-bottom:0.25rem;}
 .md-my-2 {margin-top:0.5rem;margin-bottom:0.5rem;}
 .md-my-3 {margin-top:0.75rem;margin-bottom:0.75rem;}
 .md-my-4 {margin-top:1rem;margin-bottom:1rem;}
 .md-my-5 {margin-top:1.25rem;margin-bottom:1.25rem;}
 .md-my-6 {margin-top:1.5rem;margin-bottom:1.5rem;}
 .md-my-7 {margin-top:2rem;margin-bottom:2rem;}
 .md-my-8 {margin-top:4rem;margin-bottom:4rem;}
 .md-my-9 {margin-top:8rem;margin-bottom:8rem;}
}
@media only screen and (min-width: 992px) {
 .lg-my-auto {margin-top:auto;margin-bottom:auto;}
 .lg-my-px {margin-top:1px;margin-bottom:1px;}
 .lg-my-0 {margin-top:0px;margin-bottom:0px;}
 .lg-my-1 {margin-top:0.25rem;margin-bottom:0.25rem;}
 .lg-my-2 {margin-top:0.5rem;margin-bottom:0.5rem;}
 .lg-my-3 {margin-top:0.75rem;margin-bottom:0.75rem;}
 .lg-my-4 {margin-top:1rem;margin-bottom:1rem;}
 .lg-my-5 {margin-top:1.25rem;margin-bottom:1.25rem;}
 .lg-my-6 {margin-top:1.5rem;margin-bottom:1.5rem;}
 .lg-my-7 {margin-top:2rem;margin-bottom:2rem;}
 .lg-my-8 {margin-top:4rem;margin-bottom:4rem;}
 .lg-my-9 {margin-top:8rem;margin-bottom:8rem;}
}
@media only screen and (min-width: 1200px) {
 .xl-my-auto {margin-top:auto;margin-bottom:auto;}
 .xl-my-px {margin-top:1px;margin-bottom:1px;}
 .xl-my-0 {margin-top:0px;margin-bottom:0px;}
 .xl-my-1 {margin-top:0.25rem;margin-bottom:0.25rem;}
 .xl-my-2 {margin-top:0.5rem;margin-bottom:0.5rem;}
 .xl-my-3 {margin-top:0.75rem;margin-bottom:0.75rem;}
 .xl-my-4 {margin-top:1rem;margin-bottom:1rem;}
 .xl-my-5 {margin-top:1.25rem;margin-bottom:1.25rem;}
 .xl-my-6 {margin-top:1.5rem;margin-bottom:1.5rem;}
 .xl-my-7 {margin-top:2rem;margin-bottom:2rem;}
 .xl-my-8 {margin-top:4rem;margin-bottom:4rem;}
 .xl-my-9 {margin-top:8rem;margin-bottom:8rem;}
}

/* Margin-X */
.mx-auto {margin-left:auto;margin-right:auto;}
.mx-px {margin-left:1px;margin-right:1px;}
.mx-0 {margin-left:0px;margin-right:0px;}
.mx-1 {margin-left:0.25rem;margin-right:0.25rem;}
.mx-2 {margin-left:0.5rem;margin-right:0.5rem;}
.mx-3 {margin-left:0.75rem;margin-right:0.75rem;}
.mx-4 {margin-left:1rem;margin-right:1rem;}
.mx-5 {margin-left:1.25rem;margin-right:1.25rem;}
.mx-6 {margin-left:1.5rem;margin-right:1.5rem;}
.mx-7 {margin-left:2rem;margin-right:2rem;}
.mx-8 {margin-left:4rem;margin-right:4rem;}
.mx-9 {margin-left:8rem;margin-right:8rem;}
@media only screen and (min-width: 768px) {
 .md-mx-auto {margin-left:auto;margin-right:auto;}
 .md-mx-px {margin-left:1px;margin-right:1px;}
 .md-mx-0 {margin-left:0px;margin-right:0px;}
 .md-mx-1 {margin-left:0.25rem;margin-right:0.25rem;}
 .md-mx-2 {margin-left:0.5rem;margin-right:0.5rem;}
 .md-mx-3 {margin-left:0.75rem;margin-right:0.75rem;}
 .md-mx-4 {margin-left:1rem;margin-right:1rem;}
 .md-mx-5 {margin-left:1.25rem;margin-right:1.25rem;}
 .md-mx-6 {margin-left:1.5rem;margin-right:1.5rem;}
 .md-mx-7 {margin-left:2rem;margin-right:2rem;}
 .md-mx-8 {margin-left:4rem;margin-right:4rem;}
 .md-mx-9 {margin-left:8rem;margin-right:8rem;}
}
@media only screen and (min-width: 992px) {
 .lg-mx-auto {margin-left:auto;margin-right:auto;}
 .lg-mx-px {margin-left:1px;margin-right:1px;}
 .lg-mx-0 {margin-left:0px;margin-right:0px;}
 .lg-mx-1 {margin-left:0.25rem;margin-right:0.25rem;}
 .lg-mx-2 {margin-left:0.5rem;margin-right:0.5rem;}
 .lg-mx-3 {margin-left:0.75rem;margin-right:0.75rem;}
 .lg-mx-4 {margin-left:1rem;margin-right:1rem;}
 .lg-mx-5 {margin-left:1.25rem;margin-right:1.25rem;}
 .lg-mx-6 {margin-left:1.5rem;margin-right:1.5rem;}
 .lg-mx-7 {margin-left:2rem;margin-right:2rem;}
 .lg-mx-8 {margin-left:4rem;margin-right:4rem;}
 .lg-mx-9 {margin-left:8rem;margin-right:8rem;}
}
@media only screen and (min-width: 1200px) {
 .xl-mx-auto {margin-left:auto;margin-right:auto;}
 .xl-mx-px {margin-left:1px;margin-right:1px;}
 .xl-mx-0 {margin-left:0px;margin-right:0px;}
 .xl-mx-1 {margin-left:0.25rem;margin-right:0.25rem;}
 .xl-mx-2 {margin-left:0.5rem;margin-right:0.5rem;}
 .xl-mx-3 {margin-left:0.75rem;margin-right:0.75rem;}
 .xl-mx-4 {margin-left:1rem;margin-right:1rem;}
 .xl-mx-5 {margin-left:1.25rem;margin-right:1.25rem;}
 .xl-mx-6 {margin-left:1.5rem;margin-right:1.5rem;}
 .xl-mx-7 {margin-left:2rem;margin-right:2rem;}
 .xl-mx-8 {margin-left:4rem;margin-right:4rem;}
 .xl-mx-9 {margin-left:8rem;margin-right:8rem;}
}

/* Display */
.block {display:block;}
.inline-block {display:inline-block;}
.inline {display:inline;}
.flex {display:flex;}
.inline-flex {display:inline-flex;}
.hidden {display:none;}
@media only screen and (min-width: 768px) {
 .md-block {display:block;}
 .md-inline-block {display:inline-block;}
 .md-inline {display:inline;}
 .md-flex {display:flex;}
 .md-inline-flex {display:inline-flex;}
 .md-hidden {display:none;}
}
@media only screen and (min-width: 992px) {
 .lg-block {display:block;}
 .lg-inline-block {display:inline-block;}
 .lg-inline {display:inline;}
 .lg-flex {display:flex;}
 .lg-inline-flex {display:inline-flex;}
 .lg-hidden {display:none;}
}
@media only screen and (min-width: 1200px) {
 .xl-block {display:block;}
 .xl-inline-block {display:inline-block;}
 .xl-inline {display:inline;}
 .xl-flex {display:flex;}
 .xl-inline-flex {display:inline-flex;}
 .xl-hidden {display:none;}
}

/* Flexbox */
.flex-row {flex-direction:row;}
.flex-row-reverse {flex-direction:row-reverse;}
.flex-column {flex-direction:column;}
.flex-column-reverse {flex-direction:column-reverse;}
.flex-wrap {flex-wrap:wrap;}
.flex-wrap-none {flex-wrap:nowrap;}
.flex-start {justify-content:flex-start;}
.flex-end {justify-content:flex-end;}
.align-center {align-items:center;}
.align-start {align-items:flex-start;}
.align-end {align-items:flex-end;}
@media only screen and (min-width: 768px) {
 .md-flex-row {flex-direction:row;}
 .md-flex-row-reverse {flex-direction:row-reverse;}
 .md-flex-column {flex-direction:column;}
 .md-flex-column-reverse {flex-direction:column-reverse;}
 .md-flex-wrap {flex-wrap:wrap;}
 .md-flex-wrap-none {flex-wrap:nowrap;}
 .md-flex-start {justify-content:flex-start;}
 .md-flex-end {justify-content:flex-end;}
 .md-align-center {align-items:center;}
 .md-align-start {align-items:flex-start;}
 .md-align-end {align-items:flex-end;}
}
@media only screen and (min-width: 992px) {
 .lg-flex-row {flex-direction:row;}
 .lg-flex-row-reverse {flex-direction:row-reverse;}
 .lg-flex-column {flex-direction:column;}
 .lg-flex-column-reverse {flex-direction:column-reverse;}
 .lg-flex-wrap {flex-wrap:wrap;}
 .lg-flex-wrap-none {flex-wrap:nowrap;}
 .lg-flex-start {justify-content:flex-start;}
 .lg-flex-end {justify-content:flex-end;}
 .lg-align-center {align-items:center;}
 .lg-align-start {align-items:flex-start;}
 .lg-align-end {align-items:flex-end;}
}
@media only screen and (min-width: 1200px) {
 .xl-flex-row {flex-direction:row;}
 .xl-flex-row-reverse {flex-direction:row-reverse;}
 .xl-flex-column {flex-direction:column;}
 .xl-flex-column-reverse {flex-direction:column-reverse;}
 .xl-flex-wrap {flex-wrap:wrap;}
 .xl-flex-wrap-none {flex-wrap:nowrap;}
 .xl-flex-start {justify-content:flex-start;}
 .xl-flex-end {justify-content:flex-end;}
 .xl-align-center {align-items:center;}
 .xl-align-start {align-items:flex-start;}
 .xl-align-end {align-items:flex-end;}
}

/* Position */
.static {position:static;}
.absolute {position:absolute;}
.relative {position:relative;}
.fixed {position:fixed;}
.sticky {position:sticky;}
@media only screen and (min-width: 768px) {
 .md-static {position:static;}
 .md-absolute {position:absolute;}
 .md-relative {position:relative;}
 .md-fixed {position:fixed;}
 .md-sticky {position:sticky;}
}
@media only screen and (min-width: 992px) {
 .lg-static {position:static;}
 .lg-absolute {position:absolute;}
 .lg-relative {position:relative;}
 .lg-fixed {position:fixed;}
 .lg-sticky {position:sticky;}
}
@media only screen and (min-width: 1200px) {
 .xl-static {position:static;}
 .xl-absolute {position:absolute;}
 .xl-relative {position:relative;}
 .xl-fixed {position:fixed;}
 .xl-sticky {position:sticky;}
}

/* Positioning */
.left {left:0;}
.right {right:0;}
.top {top:0;}
.bottom {bottom:0;}
@media only screen and (min-width: 768px) {
 .md-left {left:0;}
 .md-right {right:0;}
 .md-top {top:0;}
 .md-bottom {bottom:0;}
}
@media only screen and (min-width: 992px) {
 .lg-left {left:0;}
 .lg-right {right:0;}
 .lg-top {top:0;}
 .lg-bottom {bottom:0;}
}
@media only screen and (min-width: 1200px) {
 .xl-left {left:0;}
 .xl-right {right:0;}
 .xl-top {top:0;}
 .xl-bottom {bottom:0;}
}

/* Z-Index */
.z-1 {z-index:1;}
.z-10 {z-index:10;}
.z-100 {z-index:100;}
.z-1000 {z-index:1000;}
.z-10000 {z-index:10000;}
.z-100000 {z-index:100000;}
.z-1000000 {z-index:1000000;}

/* Borders */
.border {border:1px solid #000;}

/* Border Radius */
.radius-sm {border-radius:.25rem;}
.radius-md {border-radius:.5rem;}
.radius-full {border-radius:9999px;}

/* Shadow */
.shadow-sm {box-shadow:0 2px 4px 0 rgba(0,0,0,0.10);}
.shadow {box-shadow:0 4px 8px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.08);}
a.shadow-sm:hover, button.shadow-sm:hover {box-shadow:none;}
a.shadow:hover, button.shadow:hover {box-shadow:0 2px 4px 0 rgba(0,0,0,0.10);}

/* Opacity */
.o-0 {opacity:0;}
.o-50 {opacity:50%;}
.o-80 {opacity:80%;}
.o-full {opacity:100%;}

/* Floats */
.float-l {float:left;}
.float-r {float:right;}
.float-none {float:none;}
@media only screen and (min-width: 768px) {
 .md-float-l {float:left;}
 .md-float-r {float:right;}
 .md-float-none {float:none;}
}
@media only screen and (min-width: 992px) {
 .lg-float-l {float:left;}
 .lg-float-r {float:right;}
 .lg-float-none {float:none;}
}
@media only screen and (min-width: 1200px) {
 .xl-float-l {float:left;}
 .xl-float-r {float:right;}
 .xl-float-none {float:none;}
}

.banner-video {
    height:100vh;
    width: auto;
}
@media only screen and (min-width: 1200px) {
.banner-video {
    height: auto;
    width:100vw;
}
}
.video-banner {
    max-height: 100vh;
    overflow:hidden;
    filter: grayscale(0.5);
}

.video-overlay {
    height: 100vh;
    width:100%;
    background-color: rgba(0,0,0,0.7);
    z-index:1000;
    position:absolute;
    top:0;
    left:0;
}

body {
    background-color:#262a2b;
}
.main-header .flex {
    align-items: center;
    justify-content: center;
}
.logo {
    margin-left: 0;
    margin-right: auto;
}
.nav-list ul {
    margin-bottom: 0;
}
.nav-list ul li {
    display: inline-block;
}
.nav-list ul li a {
    padding: 10px 15px;
    font-size: 16px;
    color: #ffffff;
    font-weight: 600;
    transition: .25s;
    transition-timing-function: ease-in-out;
}
.nav-list ul li a:hover {
    opacity: .7;
}
.download-btn {
    padding: 15px 30px;
    font-size: 18px;
    font-weight: 600;
    transition: .25s;
    border-radius: 30px;
    background-color: #ffffff;
    width: auto;
    color:#1d2669;
}
.logo-primary {
    transition:.5s;
    transition-timing-function: ease-in-out;
    padding: 15px;
}
.logo-primary.smaller {
    background-color:rgba(255,255,255,1);
    box-shadow:0 4px 8px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.08);
    padding: 10px 15px;
}
.logo-primary img {
    height: 100px;
    transition: .5s;
    transition-timing-function: ease-in-out;
}
.logo-primary.mobile-header img {
    height: 75px;
    transition: .5s;
    transition-timing-function: ease-in-out;
}
.logo-primary.smaller img {
    height:50px;
}
.smaller .nav-list ul li a {
    color: #434b4d;
}
.mt-spacer {
    margin-top: 25vh;
}
footer a {
    transition: .25s;
    transition-timing-function: ease-in-out;
    opacity: .7;
}
footer a:hover {
    color:#ffffff;
    opacity:1;
}
.logo-primary .hamburger {
    color:white;
}
.logo-primary.smaller .hamburger {
    color:#434b4d;
}
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 105px;
    right: 0;
    background-color:rgba(0, 0, 0, 0.92); 
    overflow-x: hidden;
    transition: 0.5s;
    /* padding:20px; */
}
.smaller .sidenav {
    background-color: rgba(255, 255, 255, 0.92);
    top: 70px;
}
.smaller .sidenav .text-white {
    color:#434b4d !important;
}
.closebtn {
    position: absolute;
    top: 25px;
    right: 25px;
    font-size: 30px;
    color:white;
}
.smaller .sidenav .closebtn {
    color:#434b4d !important;
}