@charset "utf-8";
/* CSS Document */
video#Video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  z-index: -1; /* Push behind all other content */
  pointer-events: none; /* Prevent it from blocking clicks */
}


           html, body {
            height: auto; width: 100%;
			   min-height: 100vh;
			   overflow-x: hidden;
            }

            #page {
                min-height: 100%; 
                min-width: 100%; 
                width:100%;
                /*background-image: linear-gradient(to bottom, rgba(255,0,0,0), rgb(71, 83, 81));  */
                position:relative;
                padding-top: 10%;
                margin: 0 auto;
                right: auto;
                left: auto;
                text-align: center;
                font-family: kiteone;
            }

@media only screen and (min-width: 768px) {
	            #pagename {
                width:75%;/* dimensions of background image*/
                min-height:300px;/* dimensions of background image*/
                margin: 0 auto;
                background-image:url("../helix3.png");
                background-repeat: no-repeat;
                background-position: center;
            }
            #Video {
                position: fixed;
                right: 0;
                bottom: 0;
                min-width: 100%;
                height: auto;
                align-items: center;
                justify-content: center;
                overflow: hidden;
				z-index: -2;
            }
}
            @media only screen and (max-width: 768px) {
  /* For mobile phones: */
				            #pagename {
                width:75%;/* dimensions of background image*/
                min-height:300px;/* dimensions of background image*/
                margin: 0 auto;
                background-image:url("../helix3.png");
                background-repeat: no-repeat;
                background-position: center;
								background-size: contain;
            }
  [id="pagename, page"] {
    width: 100%;
  }
				 #Video {
                position: fixed;
                right: 0;
                bottom: 0;
                min-height: 100%;
                width: auto;
                align-items: center;
                justify-content: center;
                overflow: hidden;
            }
}
            #navigation {
                margin-top: 60px;
                margin: 0 auto;
            }
            #mailinglist {
                position:fixed;
                padding-bottom:0px;
                text-align: center;
                display: table;
                margin: 0 auto;
                width:100%;
            }
            #btn {
                top: 2%;
                padding: 20px;
                position: absolute;
                right: 2%;
            }
            @font-face {
                font-family:kiteone;
                src:url(KiteOne-Regular.ttf)
                }
            a:link {
                text-decoration: none;
                color: black;      
                }
                #mc_embed_signup{width:250px; margin: 0 auto;}

                a:visited {
  text-decoration: none;
}
a{text-decoration: none; color: black;}
			button{
				background-color:aqua;
			}