a:link { color: #ffffff; text-decoration: none; letter-spacing: 0.1em; font-size: 1.2em; } a:link img, a:visited img { color: #ffffff; text-decoration: none; letter-spacing: 0.1em; font-size: 1.2em; } a:visited { color: #ffffff; text-decoration: none; letter-spacing: 0.1em; font-size: 1.2em; } a:hover { color: #ffffff; text-decoration: none; letter-spacing: 0.1em; font-size: 1.2em; } a:current { color: #ffffff; text-decoration: none; letter-spacing: 0.1em; font-size: 1.2em; } body { height: 110%; margin: 0; background-color: #c3bebe; } .italic { font-style: italic; } .front-welcome { padding-top: 20%; font-weight: 100; } .top { margin-top: 1%; } /* MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE*/ @media screen and (max-width: 767px) { /* MOBILE */ .italic { /* MOBILE */ font-style: italic; /* MOBILE */ } /* MOBILE */ /* MOBILE */ .wrapper { /* MOBILE */ display: block; /* MOBILE */ position: fixed; /* MOBILE */ top:0; /* MOBILE */ left: 0; /* MOBILE */ width: 100%; /* MOBILE */ height: 100%; /* MOBILE */ } /* MOBILE */ /* MOBILE */ .container { /* MOBILE */ position: absolute; /* MOBILE */ top:0; /* MOBILE */ left: 0; /* MOBILE */ width: 100%; /* MOBILE */ height: 100%; /* MOBILE */ display: block; /* DESKTOP */ font-family: 'Courier New', Courier, monospace; /* MOBILE */ color: #ffffff; background-image: url(images/FredSketch.png); background-repeat: no-repeat; background-position: center; background-size: auto; /* MOBILE */ } /* MOBILE */ /* MOBILE */ .header-nav { /* MOBILE */ display: block; /* MOBILE */ width: 100%; /* MOBILE */ height: 15%; /* MOBILE */ padding-top: 2%; /* MOBILE */ position: fixed; /* MOBILE */ z-index: 2; /* MOBILE */ } /* MOBILE */ /* MOBILE */ .header-placeholder { /* MOBILE */ display: block; /* MOBILE */ width: 100%; /* MOBILE */ height: 100%; /* MOBILE */ position: relative; /* MOBILE */ background-image: url(images/banner-holding.png); /* MOBILE */ background-size: contain; /* MOBILE */ background-repeat: no-repeat; /* MOBILE */ background-position: center; /* MOBILE */ margin: 0 auto; /* MOBILE */ } /* MOBILE */ /* MOBILE */ #page-nav { /* MOBILE */ width: 60%; /* MOBILE */ /* If you want the navigation bar to stick on top*/ /* MOBILE */ position: fixed; /* MOBILE */ top: 15%; /* MOBILE */ left: 7%; /* MOBILE */ z-index: 2; /* MOBILE */ } /* MOBILE */ /* MOBILE */ /* Hide Hamburger */ /* MOBILE */ #page-nav label, #hamburger { /* MOBILE */ display: none; /* MOBILE */ } /* MOBILE */ /* this is only for the hamburger symbol */ /* MOBILE */ #page-nav label { /* MOBILE */ position: fixed; /* MOBILE */ display: inline-block; /* MOBILE */ top: 10%; /* MOBILE */ color: #ffffff; /* MOBILE */ font-size: 4.2em; /* MOBILE */ padding-bottom: 5px; /* MOBILE */ } /* MOBILE */ /* MOBILE */ /* Break down menu items into vertical */ /* MOBILE */ /* MOBILE */ #page-nav ul li { /* MOBILE */ display: block; /* MOBILE */ position: relative; /* MOBILE */ margin-bottom: 4px; /* MOBILE */ font-size: 140%; /* MOBILE */ padding-top: 15px; /* MOBILE */ padding-bottom: 10px; /* MOBILE */ padding-left: 70px; /* MOBILE */ } /* MOBILE */ /* MOBILE */ /* MOBILE */ /* Toggle show/hide menu on checkbox click */ /* MOBILE */ #page-nav ul { /* MOBILE */ display: none; /* MOBILE */ } /* MOBILE */ #page-nav input:checked ~ ul { /* MOBILE */ width: 100%; /* MOBILE */ display: block; /* MOBILE */ padding-top: 25px; /* MOBILE */ } /* MOBILE */ /* MOBILE */ /* MOBILE */ /* Menu Items */ /* MOBILE */ #page-nav ul { /* MOBILE */ list-style-type: none; /* MOBILE */ margin: 0; /* MOBILE */ padding: 0; /* MOBILE */ } /* MOBILE */ /* MOBILE */ #page-nav ul li { /* MOBILE */ background-color: #b5e0f7b7; /* MOBILE */ border: rgba(253, 250, 250, 0.568); /* MOBILE */ border-radius: 3%; /* MOBILE */ border-width: 1px; /* MOBILE */ border-style: solid; /* MOBILE */ } /* MOBILE */ /* MOBILE */ /* MOBILE */ /* MOBILE */ /* MOBILE */ .front-text { /* MOBILE */ display: block; /* MOBILE */ width: 100%; /* MOBILE */ height: auto; /* MOBILE */ top: 12%; /* MOBILE */ margin: 0 auto; /* DESKTOP */ font-family: 'Courier New', Courier, monospace; /* MOBILE */ text-align: center; /* MOBILE */ position: relative; /* MOBILE */ color: #ffffff; /* MOBILE */ font-size: 120%; /* MOBILE */ font-weight: 100; /* MOBILE */ line-height: 2em; /* MOBILE */ } /* MOBILE */ .construction { /* MOBILE */ display: block; /* MOBILE */ width: 80%; /* MOBILE */ height: auto; /* MOBILE */ top: 40%; /* MOBILE */ background-color: #718b96e2; /* MOBILE */ margin: 0 auto; /* MOBILE */ padding: 2% 2% 2% 2%; /* DESKTOP */ font-family: 'Courier New', Courier, monospace; /* MOBILE */ text-align: center; /* MOBILE */ position: relative; /* MOBILE */ color: #ffffff; /* MOBILE */ font-size: 300%; /* MOBILE */ line-height: 1em; } /* MOBILE */ .front { /* MOBILE */ display: none; /* MOBILE */ } /* MOBILE */ .front-mob { /* MOBILE */ display: block; /* MOBILE */ position: absolute; /* MOBILE */ width: 100%; /* MOBILE */ height: 15%; /* MOBILE */ bottom: 5%; /* MOBILE */ font-size: 100%; /* MOBILE */ text-align: center; /* MOBILE */ color: #ffffff; /* MOBILE */ line-height: 1.5em; } /* MOBILE */ .placeholder { /* MOBILE */ width: 100%; /* MOBILE */ height: 90%; /* MOBILE */ display: block; /* MOBILE */ position: relative; /* MOBILE */ background-image: url(images/SD4.png); /* MOBILE */ background-repeat: no-repeat; /* MOBILE */ background-size: 50%; /* MOBILE */ background-position: top; } /* MOBILE */ .page-text-wrap { /* MOBILE */ width: 100%; /* MOBILE */ height: 100%; /* MOBILE */ display: block; /* MOBILE */ position: absolute; /* MOBILE */ } /* MOBILE */ .page-text { /* MOBILE */ display: block; /* MOBILE */ width: 90%; /* MOBILE */ height: 50%; /* MOBILE */ position: relative; /* MOBILE */ margin: 70% auto 0 auto; /* MOBILE */ text-align: justify; /* MOBILE */ text-shadow: 1px 1px #000000b6; /* MOBILE */ letter-spacing: 0.07em; /* MOBILE */ color: #ffffff; /* MOBILE */ background-color: #332b1f57; /* MOBILE */ font-size: 150%; /* MOBILE */ line-height: 1.45em; /* MOBILE */ padding: 5% 25px 5px 25px; /* MOBILE */ overflow: scroll; /* MOBILE */ } /* VIDEO VIDEO VIDEO VIDEO VIDEO VIDEO VIDEO VIDEO VIDEO */ /* MOBILE */ /* MOBILE */ .video-wrap { /* MOBILE */ width: 100%; /* MOBILE */ height: 60%; /* MOBILE */ position: absolute; /* MOBILE */ padding-top: 56.25%; overflow: scroll; /* MOBILE */ } /* MOBILE */ .iframe_holder { /* MOBILE */ width: 100%; /* MOBILE */ padding-top: 56.25%; /* MOBILE */ overflow: hidden; /* MOBILE */ position: relative; /* MOBILE */ } /* MOBILE */ .iframe-container{ /* MOBILE */ position: relative; /* MOBILE */ width: 100%; /* MOBILE */ top: 25%; /* MOBILE */ } /* MOBILE */ .responsive-iframe { /* MOBILE */ position: absolute; /* MOBILE */ top: 0; /* MOBILE */ left: 0; /* MOBILE */ bottom: 0; /* MOBILE */ right: 0; /* MOBILE */ width: 100%; /* MOBILE */ height: 100%; /* MOBILE */ border: none; /* MOBILE */ } /* MOBILE */ .iframe-container::after { /* MOBILE */ padding-top: 56.25%; /* MOBILE */ display: block; /* MOBILE */ content: ''; /* MOBILE */ } /* MOBILE */ .iframe-container iframe{ /* MOBILE */ position: absolute; /* MOBILE */ top:60%; /* MOBILE */ left: 0; /* MOBILE */ width: 100%; /* MOBILE */ height: 100%; /* MOBILE */ } /* MOBILE */ /* MOBILE */ /* CONTACT CONTACT CONTACT CONTACT CONTACT */ /* MOBILE */ h4 { /* MOBILE */ font-size: 0.9em; /* MOBILE */ } /* MOBILE */ .contact-wrap { /* MOBILE */ width: 100%; /* MOBILE */ height: 95%; /* MOBILE */ margin: 0 auto 0 auto; /* MOBILE */ position: fixed; /* MOBILE */ background-image: url(images/SD_A2a.png); /* MOBILE */ background-repeat: no-repeat; /* MOBILE */ background-size: cover; /* MOBILE */ background-position-x: 90%; /* MOBILE */ background-position-y: bottom; /* MOBILE */ } /* MOBILE */ /* MOBILE */ .contact-holder { /* MOBILE */ width: 100%; /* MOBILE */ height: 56%; /* MOBILE */ position: relative; /* MOBILE */ margin: 0 auto; /* MOBILE */ padding-top: 75%; /* DESKTOP */ font-family: 'Courier New', Courier, monospace; /* MOBILE */ font-size: 120%; /* MOBILE */ overflow: scroll; /* MOBILE */ } /* MOBILE */ /* MOBILE */ .contact-web { /* MOBILE */ width: 95%; /* MOBILE */ height: 95%; /* MOBILE */ margin: 0 auto; /* MOBILE */ background-color: #332b1f57; /* MOBILE */ display: grid; /* MOBILE */ grid-template-columns: 50% 50% ; /* MOBILE */ grid-template-rows: 80px repeat(2, 60px) 150px repeat(3, 100px); /* MOBILE */ grid-column-gap: 0px; /* MOBILE */ grid-row-gap: 0; /* MOBILE */ /* MOBILE */ } /* MOBILE */ /* MOBILE */ button { /* MOBILE */ width: 120px; /* MOBILE */ height: 40px; /* MOBILE */ font-size: 1em; /* MOBILE */ } /* MOBILE */ /* MOBILE */ /* MOBILE */ input[type=submit] { /* MOBILE */ width: 120px; /* MOBILE */ height: 40px; /* MOBILE */ font-size: 1.2em; /* MOBILE */ } /* MOBILE */ /* MOBILE */ /* MOBILE */ /* MOBILE */ /* MOBILE */ /* MOBILE */ /* MOBILE */ /* FOOTER FOOTER FOOTER FOOTER FOOTER */ /* MOBILE */ .footer-desktop { display: none; } /* MOBILE */ /* MOBILE */ .footer { /* MOBILE */ position: fixed; /* MOBILE */ bottom: 10%; /* MOBILE */ left: 0; /* MOBILE */ width: 100%; /* MOBILE */ height: 10%; /* DESKTOP */ font-family: 'Courier New', Courier, monospace; /* MOBILE */ font-size: 1.1em; /* MOBILE */ line-height: 2.5em; /* MOBILE */ text-align: center; /* MOBILE */ color: #ffffff; /* MOBILE */ } /* MOBILE */ } /* iPads (portrait and landscape) ----------- iPads (portrait and landscape) ----------- iPads (portrait and landscape) ----------- iPads (portrait and landscape) ----------- iPads (portrait and landscape) ----------- iPads (portrait and landscape) ----------- */ /* TABLET */ @media only screen and (min-width : 768px) and (max-width: 991px) { /* TABLET */ .italic { /* TABLET */ font-style: italic; /* TABLET */ } /* TABLET */ .wrapper { /* TABLET */ display: block; /* TABLET */ position: fixed; /* TABLET */ top:0; /* TABLET */ left: 0; /* TABLET */ width: 100%; /* TABLET */ height: 100%; /* TABLET */ background-image: url(images/BT-bgs.png); /* TABLET */ background-size: contain; /* TABLET */ background-repeat: no-repeat; /* TABLET */ background-position: left; /* TABLET */ } /* TABLET */ /* TABLET */ .container { /* TABLET */ position: absolute; /* TABLET */ top:0; /* TABLET */ left: 0; /* TABLET */ width: 100%; /* TABLET */ height: 100%; /* TABLET */ display: block; background-image: url(images/FredSketch.png); background-repeat: no-repeat; background-position: center; background-size: auto; /* TABLET */ } /* TABLET */ /* TABLET */ .header-nav { /* TABLET */ display: block; /* TABLET */ width: 100%; /* TABLET */ height: 22%; /* TABLET */ position: relative; /* TABLET */ } /* TABLET */ /* TABLET */ .header-placeholder { /* TABLET */ display: block; /* TABLET */ width: 100%; /* TABLET */ height: 100%; /* TABLET */ position: relative; /* TABLET */ background-image: url(images/banner-holding.png); /* TABLET */ background-size: contain; /* TABLET */ background-repeat: no-repeat; /* TABLET */ background-position: center; /* TABLET */ margin: 0 auto; /* TABLET */ } /* TABLET */ /* TABLET */ #page-nav { /* TABLET */ width: 30%; /* TABLET */ /* If you want the navigation bar to stick on top*/ /* TABLET */ position: fixed; /* TABLET */ top: 20%; /* TABLET */ left: 7%; /* TABLET */ z-index: 2; /* TABLET */ } /* TABLET */ /* TABLET */ /* Hide Hamburger */ /* TABLET */ #page-nav label, #hamburger { /* TABLET */ display: none; /* TABLET */ } /* TABLET */ /* this is only for the hamburger symbol */ /* TABLET */ #page-nav label { /* TABLET */ position: fixed; /* TABLET */ display: inline-block; /* TABLET */ top: 12%; /* TABLET */ color: #ffffff; /* TABLET */ font-size: 4em; /* TABLET */ padding-bottom: 5px; /* TABLET */ } /* TABLET */ /* Break down menu items into vertical */ /* TABLET */ /* TABLET */ #page-nav ul li { /* TABLET */ display: block; /* TABLET */ position: relative; /* TABLET */ margin-bottom: 4px; /* TABLET */ font-size: 140%; /* TABLET */ padding-top: 15px; /* TABLET */ padding-bottom: 10px; /* TABLET */ padding-left: 70px; /* TABLET */ } /* TABLET */ /* Toggle show/hide menu on checkbox click */ /* TABLET */ #page-nav ul { /* TABLET */ display: none; /* TABLET */ } /* TABLET */ #page-nav input:checked ~ ul { /* TABLET */ width: 100%; /* TABLET */ display: block; /* TABLET */ } /* TABLET */ /* Menu Items */ /* TABLET */ #page-nav ul { /* TABLET */ list-style-type: none; /* TABLET */ margin: 0; /* TABLET */ padding: 0; /* TABLET */ } /* TABLET */ #page-nav ul li { /* TABLET */ background-color: #5a585480; /* TABLET */ border: rgba(253, 250, 250, 0.568); /* TABLET */ border-radius: 5%; /* TABLET */ border-width: 1px; /* TABLET */ border-style: solid; /* TABLET */ } .front-mob { display: none; } .front-text-mob { display: none; } /* TABLET */ .front-text { /* TABLET */ display: block; /* TABLET */ width: 100%; /* TABLET */ height: auto; /* TABLET */ margin: 0 auto; top: -10%; /* DESKTOP */ font-family: 'Courier New', Courier, monospace; /* TABLET */ text-align: center; /* TABLET */ position: relative; /* TABLET */ color: #ffffff; /* TABLET */ font-size: 150%; /* TABLET */ font-weight: 150; /* TABLET */ line-height: 2em; /* TABLET */ } /* TABLET */ /* TABLET */ .construction { /* TABLET */ display: block; /* TABLET */ width: 80%; /* TABLET */ height: auto; /* TABLET */ background-color: #718b96e2; /* TABLET */ margin: 0 auto; /* TABLET */ padding: 2% 2% 2% 2%; /* DESKTOP */ font-family: 'Courier New', Courier, monospace; /* TABLET */ text-align: center; /* TABLET */ position: relative; /* TABLET */ color: #ffffff; /* TABLET */ font-size: 300%; /* TABLET */ line-height: 1em; /* TABLET */ } /* TABLET */ .front { /* TABLET */ display: block; /* TABLET */ width: 100%; /* TABLET */ height: auto; /* TABLET */ position: absolute; /* DESKTOP */ font-family: 'Courier New', Courier, monospace; /* TABLET */ font-size: 2em; /* TABLET */ line-height: 1.5em; /* TABLET */ text-align: center; /* TABLET */ color: #ffffff; /* TABLET */ bottom: 10%; /* TABLET */ } /* VIDEO VIDEO VIDEO VIDEO VIDEO VIDEO VIDEO VIDEO VIDEO */ /* TABLET */ .video-wrap { /* TABLET */ width: 100%; /* TABLET */ height: 60%; /* TABLET */ top: 40%; /* TABLET */ position: absolute; /* TABLET */ } /* TABLET */ .iframe_holder { /* TABLET */ width: 100%; /* TABLET */ position: relative; /* TABLET */ padding-top: 56.25%; /* 16:9 Aspect Ratio */ /* TABLET */ overflow: hidden; /* TABLET */ } /* TABLET */ .responsive-iframe { /* TABLET */ position: absolute; /* TABLET */ top: 0; /* TABLET */ left: 0; /* TABLET */ bottom: 0; /* TABLET */ right: 0; /* TABLET */ width: 100%; /* TABLET */ height: 100%; /* TABLET */ border: none; /* TABLET */ } /* CONTACT CONTACT CONTACT CONTACT CONTACT */ /* FOOTER FOOTER FOOTER FOOTER FOOTER */ /* TABLET */ .footer-desktop { /* TABLET */ display: none; /* TABLET */ } /* TABLET */ .footer { /* TABLET */ position: fixed; /* TABLET */ bottom:0; /* TABLET */ left: 0; /* TABLET */ width: 100%; /* TABLET */ height: 5%; /* DESKTOP */ font-family: 'Courier New', Courier, monospace; /* TABLET */ font-size: 1.1em; /* TABLET */ line-height: 2.5em; /* TABLET */ text-align: center; /* TABLET */ color: #ffffff; /* TABLET */ } /* TABLET */ } /*DESKTOP DESKTOP DESKTOP DESKTOP DESKTOP DESKTOP DESKTOP DESKTOP DESKTOP DESKTOP DESKTOP DESKTOP DESKTOP DESKTOP DESKTOP DESKTOP DESKTOP DESKTOP DESKTOP*/ @media only screen and (min-width: 992px) { /* DESKTOP */ a:link { /* DESKTOP */ color: white; /* DESKTOP */ text-decoration: none; /* DESKTOP */ letter-spacing: 0.2em; /* DESKTOP */ font-size: 1.2em; /* DESKTOP */ } /* DESKTOP */ a:link img, a:visited img { /* DESKTOP */ color: white; /* DESKTOP */ text-decoration: none; /* DESKTOP */ letter-spacing: 0.2em; /* DESKTOP */ font-size: 1.2em; /* DESKTOP */ } /* DESKTOP */ a:visited { /* DESKTOP */ color: white; /* DESKTOP */ } /* DESKTOP */ a:hover { /* DESKTOP */ color: #f84803; /* DESKTOP */ text-decoration: none; /* DESKTOP */ letter-spacing: 0.2em; /* DESKTOP */ font-size: 1.2em; /* DESKTOP */ text-shadow: 1px 1px 4px rgb(0, 0, 0); /* DESKTOP */ } /* DESKTOP */ a:current { /* DESKTOP */ color:white; /* DESKTOP */ text-decoration: none; /* DESKTOP */ letter-spacing: 0.2em; /* DESKTOP */ font-size: 1.2em; /* DESKTOP */ } /* DESKTOP */ body { /* DESKTOP */ margin: 0; /* DESKTOP */ } /* DESKTOP */ .italic { /* DESKTOP */ font-style: italic; /* DESKTOP */ } /* DESKTOP */ h2 { /* DESKTOP */ font-family: 'Courier New', Courier, monospace; /* DESKTOP */ font-size: 2em; /* DESKTOP */ letter-spacing: 0.5em; /* DESKTOP */ font-style: italic; /* DESKTOP */ } /* DESKTOP */ h3 { /* DESKTOP */ font-family: 'Courier New', Courier, monospace; /* DESKTOP */ font-size: 1em; /* DESKTOP */ letter-spacing: 0.2em; /* DESKTOP */ } /* DESKTOP */ h4 { /* DESKTOP */ font-size: 1.1em; /* DESKTOP */ letter-spacing: 0.2em; /* DESKTOP */ font-style: italic; /* DESKTOP */ } /* DESKTOP */ .wrapper { /* DESKTOP */ width: 100%; /* DESKTOP */ height: 100%; /* DESKTOP */ margin: 0; /* DESKTOP */ padding: 0; /* DESKTOP */ position: fixed; /* DESKTOP */ top: 0; /* DESKTOP */ left: 0; /* DESKTOP */ } /* DESKTOP */ .container { /* DESKTOP */ display: block; /* DESKTOP */ width: 100%; /* DESKTOP */ height: 100%; /* DESKTOP */ margin: 0 auto; /* DESKTOP */ font-family: 'Courier New', Courier, monospace; /* DESKTOP */ background-image: url(images/FredSketch.png); background-repeat: no-repeat; background-position: center; background-size: auto; } /* DESKTOP */ .header-nav { /* DESKTOP */ display: block; /* DESKTOP */ width: 100%; /* DESKTOP */ height: 30%; /* DESKTOP */ margin: 0 auto; /* DESKTOP */ } /* DESKTOP */ .header-placeholder { /* DESKTOP */ display: block; /* DESKTOP */ width: 100%; /* DESKTOP */ height: 100%; /* DESKTOP */ position: relative; /* DESKTOP */ margin: 0 auto; /* DESKTOP */ } /* DESKTOP */ .construction { /* DESKTOP */ display: block; /* DESKTOP */ width: 80%; /* DESKTOP */ height: auto; /* DESKTOP */ background-color: #718b96e2; /* DESKTOP */ margin: 0 auto; /* DESKTOP */ padding: 2% 2% 2% 2%; /* DESKTOP */ text-align: center; /* DESKTOP */ position: relative; /* DESKTOP */ color: #ffffff; /* DESKTOP */ font-size: 300%; /* DESKTOP */ line-height: 1em; /* DESKTOP */ -webkit-text-stroke: 1px rgba(255, 0, 0, 0.212); /* DESKTOP */ } /* DESKTOP */ .front-mob { /* DESKTOP */ display: none; /* DESKTOP */ } /* DESKTOP */ .front { /* DESKTOP */ display: block; /* DESKTOP */ width: 100%; /* DESKTOP */ height: auto; /* DESKTOP */ position: absolute; /* DESKTOP */ font-family: 'Courier New', Courier, monospace; /* DESKTOP */ font-size: 2em; /* DESKTOP */ line-height: 1.5em; /* DESKTOP */ text-align: center; /* DESKTOP */ color: #ffffff; /* DESKTOP */ bottom: 10%; /* DESKTOP */ } /* DESKTOP */ /* DESKTOP */ /* Hide Hamburger */ /* DESKTOP */ #page-nav label, #hamburger { /* DESKTOP */ display: none; /* DESKTOP */ } #navmain { display: block; height: 40pv; width: 100%; position: fixed; list-style-type: none; float: left; margin: 13% auto 0 auto; font-size: 60%; line-height: 1.2em; background-image: repeating-linear-gradient(#b5e0f700, #b5e0f7bf, #b5e0f7bf, #b5e0f7bc, #b5e0f7ba, #b5e0f700); z-index: 5; } #navmain li { display: block; width: 17%; height: 40px; position: relative; font-size: 1.2em; list-style-type: none; float: left; text-align: center; letter-spacing: 0.1em; z-index: 5; } #navmain li a { text-decoration: none; display: block; margin-top: 0; } #navmain li a:hover { width: 100%; height: 40px; margin: 0; display: block; color: #2b00ff; background-image: repeating-linear-gradient(#b5e0f76e, #b5e0f7dd, #b5e0f7df, #b5e0f7d9, #b5e0f7df, #b5e0f780); z-index: 5; } #navmain li ul { display: none; margin: 0; padding: 0; } #navmain li ul li { display: block; width: 100%; height: 40px; margin: 0; font-size: 100%; line-height: 0.7em; background-image: repeating-linear-gradient(#04a3ff2b, #04b4ffe5, #04b4ff, #04b4ff, #04b4ffcd, #04b4ffc9, #04c4ff5c); z-index: 5; } #navmain li:hover ul { color: #2b00ff; display: block; height: 40px; margin: 0; } #navmain ul li:hover > a { display: block; color: #2b00ff; height: 40px; } /* DESKTOP */ /* INDEX */ /* DESKTOP */ .front-text-mob { /* DESKTOP */ display: none; /* DESKTOP */ } /* DESKTOP */ .front-image-mobile { /* DESKTOP */ display: none; /* DESKTOP */ width: 30%; /* DESKTOP */ height: 100%; /* DESKTOP */ background-image: url(images/BT-bgs.png); /* DESKTOP */ background-repeat: no-repeat; /* DESKTOP */ background-size: contain; /* DESKTOP */ background-position: top left; /* DESKTOP */ position: fixed; /* DESKTOP */ overflow: hidden; /* DESKTOP */ } /* DESKTOP */ .front-text { /* DESKTOP */ display: block; /* DESKTOP */ width: 100%; /* DESKTOP */ height: 5%; /* DESKTOP */ font-family: 'Courier New', Courier, monospace; /* DESKTOP */ font-size: 2.2em; /* DESKTOP */ text-align: center; /* DESKTOP */ color: white; /* DESKTOP */ line-height: 2.2em; /* DESKTOP */ top: 15%; /* DESKTOP */ position: absolute; /* DESKTOP */ } /* DESKTOP */ /* ABOUT */ /* DESKTOP */ .second-wrap { /* DESKTOP */ width: 100%; /* DESKTOP */ height: 60%; /* DESKTOP */ position: absolute; /* DESKTOP */ } /* DESKTOP */ .placeholder { /* DESKTOP */ width: 80%; /* DESKTOP */ height: 100%; /* DESKTOP */ position: absolute; /* DESKTOP */ box-shadow: #eeedec 1px 1px 7px 0px; /* DESKTOP */ background-image: url(images/SD4.png); /* DESKTOP */ background-size: contain; /* DESKTOP */ background-repeat: no-repeat; /* DESKTOP */ background-position: right; /* DESKTOP */ } /* DESKTOP */ .second-image { /* DESKTOP */ width: 100%; /* DESKTOP */ height: 35%; /* DESKTOP */ display: block; /* DESKTOP */ } /* DESKTOP */ .page-text { /* DESKTOP */ width: 60%; /* DESKTOP */ height: 100%; /* DESKTOP */ display: inline-block; /* DESKTOP */ padding: 0 2% 0 1%; /* DESKTOP */ color: white; /* DESKTOP */ font-size: 1.2em; /* DESKTOP */ letter-spacing: 0.05em; /* DESKTOP */ line-height: 1.1em; /* DESKTOP */ text-align: justify; /* DESKTOP */ overflow: scroll; /* DESKTOP */ background-color: #332b1f57; /* DESKTOP */ position: absolute; /* DESKTOP */ } /* DESKTOP */ .about-img { /* DESKTOP */ width: 25%; /* DESKTOP */ height: 96.5%; /* DESKTOP */ display: inline-block; /* DESKTOP */ background-image: url(images/SD_A4c.png); /* DESKTOP */ background-repeat: no-repeat; /* DESKTOP */ background-size: 70%; /* DESKTOP */ background-position: center; /* DESKTOP */ margin-left: 52%; /* DESKTOP */ position: relative; /* DESKTOP */ overflow: hidden; /* DESKTOP */ } /* DESKTOP */ /*VIDEO VIDEO VIDEO VIDEO VIDEO VIDEO VIDEO VIDEO VIDEO VIDEO */ /* DESKTOP */ .video-wrap { /* DESKTOP */ width: 80%; /* DESKTOP */ height: 60%; /* DESKTOP */ margin: 0 auto; /* DESKTOP */ position: relative; box-shadow: #eeedec 1px 1px 7px 0px; /* DESKTOP */ } /* DESKTOP */ .iframe_holder { /* DESKTOP */ width: 97%; /* DESKTOP */ height: 97%; /* DESKTOP */ position: relative; /* DESKTOP */ margin: 0 auto; /* DESKTOP */ top: 1%; /* DESKTOP */ } /* DESKTOP */ .responsive-iframe { /* DESKTOP */ position: relative; /* DESKTOP */ top: 0; /* DESKTOP */ left: 0; /* DESKTOP */ width: 100%; /* DESKTOP */ height: 100%; /* DESKTOP */ } /* DESKTOP */ /* IS THIS NECESSARY?????????????????????????? /* DESKTOP */ .iframe-container{ /* DESKTOP */ position: relative; /* DESKTOP */ } /* DESKTOP */ .iframe-container::after { /* DESKTOP */ padding-top: 56.25%; /* DESKTOP */ display: block; /* DESKTOP */ content: ''; /* DESKTOP */ } /* DESKTOP */ .iframe-container iframe{ /* DESKTOP */ position: absolute; /* DESKTOP */ top:0; /* DESKTOP */ left: 0; /* DESKTOP */ width: 100%; /* DESKTOP */ height: 100%; /* DESKTOP */ } /* DESKTOP */ /* DESKTOP */ /*CONTACT CONTACT CONTACT CONTACT CONTACT CONTACT CONTACT CONTACT CONTACT*/ /* DESKTOP */ /* DESKTOP */ /* FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER */ /* DESKTOP */ .footer { /* DESKTOP */ display: none; /* DESKTOP */ } /* DESKTOP */ .footer-desktop { display: block; /* DESKTOP */ position: fixed; bottom:0; left: 0; width: 100%; font-family: 'Courier New', Courier, monospace; font-size: 1.2em; line-height: 2.5em; text-align: center; color: #ffffff; /* DESKTOP */ } }