/* Universal Properties: */
*
{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

/*
html
			{
				box-sizing: border-box;
			}

*, *:before, *:after
			{
				box-sizing: inherit;
			}
			
			background-image: linear-gradient(to bottom right, #8888ff40, #ffff0040);
			background-origin: border-box;


scroll-snap-type: y mandatory;
*/

html
			{ 
                                /*scroll-snap-type: y proximity;
                                scroll-behavior: auto;*/
				/*background: url(../beach1066988-2.jpg) no-repeat center center fixed; */
				background-size: cover;
			}

::-webkit-scrollbar
{
    width: 1.5em;
    height: 1.5em;
    background: transparent;
}

::-webkit-scrollbar-track
{
    background: linear-gradient(#eeeeee, grey);
    border-top: 0.1em solid silver;
    border-bottom: 0.1em solid silver;
    border-left: 0.1em solid silver;
    border-right: 0.1em solid silver;
    border-radius: 0.75em;
}

::-webkit-scrollbar-thumb
{
    background: linear-gradient(180deg, #ffff33, #884400);
    border-top: 0.1em solid black;
    border-bottom: 0.1em solid black;
    border-left: 0.1em solid black;
    border-right: 0.1em solid black;
    border-radius: 0.75em;
}
                        
.clearfix
			{
				display: block;
			}
                        
.indexbody
			{
                                box-sizing: border-box;
				background-color: transparent;
				background-repeat: no-repeat;
				width: 100%;
                                display: inline-block;
                                overflow-x: hidden;
			}

.bluesky
			{
                                /*scroll-snap-align: start;*/
				position: relative;
				display: block;
				margin: auto;
				padding: 0vw;
				color: white;
				background-color: transparent;
				background: url(/images/sky7497.jpg) no-repeat center center fixed;
                                background-attachment: fixed;
				background-size: cover;
                                transform-origin: 50% 50%;
                                /*animation: zoommenu 80s ease infinite;*/
                                text-align: center;
			}
/*                        
@supports (-webkit-touch-callout: none)
{
.bluesky
			{       
                                background: url(/images/sky7497.jpg) no-repeat center center fixed;
                                background-attachment: scroll !important;
			}
}

@media not all and (min-resolution:.001dpcm)
{
    @supports (-webkit-appearance:none) and (stroke-color:transparent)
    {
                        .bluesky
			{       
                                background: url(/images/sky7497.jpg) no-repeat center center fixed;
                                background-attachment: scroll !important;
			}
    }
}

@media not all and (min-resolution:.001dpcm)
{ 
    @supports (-webkit-appearance:none) and (not (stroke-color:transparent))
    {
                        .bluesky
			{       
                                background: url(/images/sky7497.jpg) no-repeat center center fixed;
                                background-attachment: scroll !important;
			}
    }
}

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0)
{ 
                        .bluesky
			{       
                                background: url(/images/sky7497.jpg) no-repeat center center fixed;
                                background-attachment: scroll !important;
			}
}
                    
@keyframes zoommenu
{
                        0%
                        {
                                background-size: 110% 110%;
                                background-position: bottom left;
                        }
                        
                        1%
                        {
                                background-size: 110% 110%;
                                background-position: bottom left;
                        }
                        
                        
                        24%
                        {
                                background-size: 110% 110%;
                                background-position: top right;
                                transform-origin: 60% 40%;
                        }
                        
                        26%
                        {
                                background-size: 110% 110%;
                                background-position: top right;
                                transform-origin: 60% 40%;
                        }
                        
                        
                        49%
                        {
                                background-size: 110% 110%;
                                background-position: top left;
                                transform-origin: 40% 60%;
                        }
                        
                        51%
                        {
                                background-size: 110% 110%;
                                background-position: top left;
                                transform-origin: 40% 60%;
                        }
                        
                        
                        74%
                        {
                                background-size: 110% 110%;
                                background-position: bottom right;
                                transform-origin: 40% 60%;
                        }
                        
                        76%
                        {
                                background-size: 110% 110%;
                                background-position: bottom right;
                                transform-origin: 40% 60%;
                        }
                        
                        
                        99%
                        {
                                background-size: 110% 110%;
                                background-position: bottom left;
                                transform-origin: 40% 60%;
                        }
                        
                        100%
                        {
                                background-size: 110% 110%;
                                background-position: bottom left;
                                transform-origin: 40% 60%;
                        }
}
*/
                        
.scrollpoint
			{
                                
                                background-color: transparent;
			}
         
.indextransparent
			{
				position: relative;
				width: 100%;
                                height: inherit;
                                /*min-height: 100vh;*/
				display: block;
				padding:0;
                                margin:0;
				color: white;
				background-color: transparent;
				background-size: cover;
                                clear:none;
                                text-align: center;
			}
                        
.transparent
			{
				position: relative;
				width: 100%;
                                height: inherit;
				display: block;
				margin: 0 auto;
				padding: 0vw;
				color: white;
				background-color: transparent;
				background-size: cover;
			}

nav	
			{
                                display: inline-block;
                                margin: auto;
				font-size: inherit;
				font-weight: lighter;
				font-family: Arial, Helvetica, sans-serif;
				text-align: center;
				color: white;
				/*text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;*/
				background-color: transparent;
				justify-content: space-around;
                                align-items: center;
			}                        
                        
.navspace
			{
				position: relative;
				width: fit-content;
                                max-width: 95%;
                                height: 8rem;
                                line-height: 1rem;
				display: flex;
                                margin: 0 0 auto auto;
                                padding-top: 1rem;
                                padding-bottom: 1rem;
                                text-align: center;
				color: white;
				background-color: transparent;
                                /*background: url(/images/beach1066988-2.jpg) no-repeat center center;*/
				background: url(/images/galaxy1438039hs.jpg) no-repeat center center;
				background-size: cover;
                                border-bottom-left-radius: 100vw;
                                border-top-left-radius: 100vw;
                                white-space: nowrap;
			}

.navdiv
			{
                                position: relative;
                                width: inherit;
				display: flex;
				margin: auto;
                                line-height: 3em;
                                text-align: center;
                                font-size: 1.2em;
                                font-weight: bold;
				background-color: transparent;
                                overflow-x: auto;
                                overflow-y: hidden;
			}     
                        
.navdivlast
			{
                                position: relative;
                                width: 10%;
				display: flex;
				margin: auto;
                                text-align: center;
				background-color: transparent;
			}  
                        
.navimageleft
                        {
    				position: relative;
                                height: inherit;
				display: flex;
                                vertical-align: bottom;
                                object-fit: scale-down;
				margin: 0 clamp(0.1em, 1vw, 0.5em);
                                z-index: 10;
                                overflow: visible;
                        }
                        
.navimage
                        {
    				position: relative;
                                margin-left: -2.3rem;
                                margin-top: -1rem;
                                height: inherit;
				display: inline-block;
                                vertical-align: center;
                                object-fit: scale-down;
                                z-index: 10;
                                overflow: visible;
                        }
                        
.navimagetext
                        {
    				position: relative;
                                display: inline-block;
                                height: 90%;
                                vertical-align: middle;
                                z-index: 10;
                                overflow: visible;
                        }
                        
.navtextrightjustify
			{
				margin: auto auto auto auto; 
                                text-align: center;
                                vertical-align: central;
                                min-width: inherit;
			}
         
.centerdivtable
                        {
                                position: relative;
                                display: table;
                                top: 0;
                                left: 0;
                                width: 100%;
                                height: 100%;
                                vertical-align: central;
                                background-color: transparent;
                        }
                        
.centerdiv
                        {
                                position: relative;
                                display: table-cell;
                                vertical-align: middle;
                                background-color: transparent;
                        }
                        
.navspacer
                        {
                                position: absolute;
                                display: block;
                                width: 100%;
                                height: 3rem;
                                background-color: transparent;
                                clear:both;
                        }
                        
.spacer
                        {
                                position: relative;
                                display: block;
                                width: 100%;
                                height: 3rem;
                                background-color: transparent;
                        }
                        
.fit
                        {
                                position: relative;
                                height: 5rem;
                                background: transparent;
                        }
                        
.trapezoid
                        {
                                position: relative;
                                text-align: center;
                                margin: 0 auto;
                                height: inherit;
                                padding-top: 1rem;
                                background: url(/images/galaxy1438039h.jpg) no-repeat center center;
                                background-size: cover;
                                align-content: center;
                                justify-content: center;
                        }
                        
.optionsbutton1         
                        {
                                position: relative;
                                text-align: center;
                                width: 22rem;
                                height: inherit;
                                margin: auto;
                                align-content: center;
                                justify-content: center;
                                clip-path: polygon(0 0, 100% 0, 98% 100%, 02% 100%);
                        }
                        
.optionsbutton2         
                        {
                                position: relative;
                                text-align: center;
                                width: 21rem;
                                height: inherit;
                                margin: auto;
                                align-content: center;
                                justify-content: center;
                                clip-path: polygon(0 0, 100% 0, 98% 100%, 02% 100%);
                        }
                        
.optionsbutton3         
                        {
                                position: relative;
                                text-align: center;
                                width: 20rem;
                                height: inherit;
                                margin: auto;
                                align-content: center;
                                justify-content: center;
                                clip-path: polygon(0 0, 100% 0, 98% 100%, 02% 100%);
                        }
                        
.optionsbutton4         
                        {
                                position: relative;
                                text-align: center;
                                width: 19rem;
                                height: inherit;
                                margin: auto;
                                align-content: center;
                                justify-content: center;
                                clip-path: polygon(0 0, 100% 0, 98% 100%, 02% 100%);
                        }
                        
.optionsbutton5         
                        {
                                position: relative;
                                text-align: center;
                                width: 18rem;
                                height: inherit;
                                margin: auto;
                                align-content: center;
                                justify-content: center;
                                clip-path: polygon(0 0, 100% 0, 98% 100%, 02% 100%);
                        }
                        
.optionsbutton6         
                        {
                                position: relative;
                                text-align: center;
                                width: 17rem;
                                height: inherit;
                                margin: auto;
                                align-content: center;
                                justify-content: center;
                                clip-path: polygon(0 0, 100% 0, 98% 100%, 02% 100%);
                        }
                        
.optionsbutton7         
                        {
                                position: relative;
                                text-align: center;
                                width: 16rem;
                                height: inherit;
                                margin: auto;
                                align-content: center;
                                justify-content: center;
                                clip-path: polygon(0 0, 100% 0, 98% 100%, 02% 100%);
                        }
                        
.indexbutton
			{
				position: relative;
                                display: inline-flex;
                                margin: 0 auto;
                                height: max(5vh, 50px);
                                line-height: max(4vh, 40px);
                                font-size: 1.5rem;
                                font-weight: bold;
			}
                        
.hqcImage
                        {
                                max-width: 30%;
                                max-height: 50%;
                        }
                        
.translateup            
                        {
                                position: relative;
                                align-content: center;
                        }

.indexblackbackground
			{
				position: relative;
                                border: 0rem solid transparent;
				border-radius: 0rem 10rem 0rem 0rem;
				width: 90%;
                                height: 100vh;
				display: block;
				margin: auto;
				background-image: linear-gradient(to bottom, #000000, #0000ff);
				background-size: cover;
				color: white;
			}
                        
.indexgoldbackground
			{
				position: relative;
                                display: inline-block;
				margin: auto auto auto 0;
                                padding: 2.5vw 15vw 2.5vw 0;
				width: 95%;
                                top: 50%;
                                transform: translateY(-50%);
				color: blue;
				background-image: linear-gradient(145deg, darkgoldenrod, yellow);
				background-size: cover;
                                border-top-right-radius: 100vw;
                                border-bottom-right-radius: 100vw;
			}
                        
.indexgrassybackground
			{
				position: relative;
				width: 90%;
                                height: 100vh;
				display: block;
				margin: auto;
				background-image: linear-gradient(to bottom, #0000ff, #aaffaa);
				background-size: cover;
				color: white;
			}
                        
.indexsilverbackground
			{
				position: relative;
				display: block;
				margin: auto 0 auto auto;
                                padding: 2.5vw 0 2.5vw 10vw;
                                width: 95%;
                                top: 50%;
                                transform: translateY(-50%);
                                color: darkgreen;
                                background-image: linear-gradient(-45deg, graytext, #eeeeee);
				background-size: cover;
                                border-top-left-radius: 100vw;
                                border-bottom-left-radius: 100vw;
			}
                        
.indexsandybackground
			{
				position: relative;
				width: 90%;
                                height: 100vh;
				display: block;
				margin: auto;
				background-image: linear-gradient(to bottom, #aaffaa, #ffff00);
				background-size: cover;
				color: white;
			}
                        
.indexbronzebackground
			{
				position: relative;
				display: block;
				margin: auto auto auto 0;
                                padding: 2.5vw 10vw 2.5vw 0;
				width: 95%;
                                top: 50%;
                                transform: translateY(-50%);
                                color: white;
                                background-image: linear-gradient(to top, #cc6600, orange);
				background-size: cover;
                                border-top-right-radius: 100vw;
                                border-bottom-right-radius: 100vw;
			}
                        
.indexdirtybackground
			{
				position: relative;
                                border: 0rem solid transparent;
				border-radius: 0rem 0rem 0rem 10rem;
				width: 90%;
                                height: 100vh;
				display: block;
				margin: auto;
				background-image: linear-gradient(to bottom, #ffff00, #704020);
				background-size: cover;
				color: white;
			}
                        
.indexwhitebackground
			{
				position: relative;
				display: block;
				margin: auto 0 auto auto;
                                padding: 2.5vw 0 2.5vw 10vw;
                                width: 95%;
                                top: 50%;
                                transform: translateY(-50%);
                                color: black;
                                background-image: linear-gradient(120deg, #e0e0ff, #5070b0);
				background-size: cover;
                                border-top-left-radius: 100vw;
                                border-bottom-left-radius: 100vw;
			}
			
.greybackground
			{
				position: relative;
                                display: block;
                                border: 0px solid transparent;
				border-radius: 2em 2em;
				width: 96%;
                                height: 100%;
                                min-height: fit-content;
                                margin: 10em auto;
                                padding: 0.5em;
                                align-items: center;
                                justify-content: center;
                                vertical-align: middle;
				background-color: silver;
				background-size: cover;
                                text-align: center;
				color: white;
			}
                        
.greybackgroundleft
			{
				position: relative;
                                display: inline-block;
                                float: left;
                                border: 0px solid transparent;
				border-radius: 2em 2em;
				width: 30%;
                                height: fit-content;
                                min-height: fit-content;
                                margin: 10em auto 10em 2%;
                                padding: 0.5em;
                                align-items: center;
                                justify-content: center;
                                vertical-align: middle;
				background-color: silver;
				background-size: cover;
                                text-align: center;
				color: white;
			}
                        
.greybackgroundcenter
			{
				position: relative;
                                display: inline-block;
                                float: middle;
                                border: 0px solid transparent;
				border-radius: 2em 2em;
				width: 30%;
                                height: fit-content;
                                min-height: fit-content;
                                margin: 10em auto;
                                padding: 0.5em;
                                align-items: center;
                                justify-content: center;
                                vertical-align: middle;
				background-color: silver;
				background-size: cover;
                                text-align: center;
				color: white;
			}
                        
.greybackgroundright
			{
				position: relative;
                                display: inline-block;
                                float: right;
                                border: 0px solid transparent;
				border-radius: 2em 2em;
				width: 30%;
                                height: fit-content;
                                min-height: fit-content;
                                margin: 10em 2% 10em auto;
                                padding: 0.5em;
                                align-items: center;
                                justify-content: center;
                                vertical-align: middle;
				background-color: silver;
				background-size: cover;
                                text-align: center;
				color: white;
			}
                        
.whitebackground0
			{
				position: relative;
				width: 100%;
				display: inline-block;
				margin: 0;
				background-color: white;
				background-size: cover;
				color: black;
			}
	                                          
.blackbackgroundspaceht
			{
				position: relative;
                                display: block;
                                border: 0px solid transparent;
				border-radius: 1.5em 1.5em;
				width: 100%;
                                min-height: fit-content;
                                max-height: fit-content;
				margin: auto;
				padding: 1em;
				color: #00cc00;
                                text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
				background-color: blue;
                                background: url(/images/galaxy1438039hs.jpg) no-repeat center top;
                                background-attachment: scroll;
				background-size: cover;
			}
                        
.blackbackgroundspacehm
			{
				position: relative;
                                display: block;
                                border: 0px solid transparent;
				border-radius: 1.5em 1.5em;
				width: 100%;
                                min-height: fit-content;
                                max-height: fit-content;
				margin: auto;
				padding: 1em;
				color: #00cc00;
                                text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
				background-color: blue;
                                background: url(/images/galaxy1438039hs.jpg) no-repeat center center;
                                background-attachment: scroll;
				background-size: cover;
			}
                        
.blackbackgroundspacehb
			{
				position: relative;
                                display: block;
                                border: 0px solid transparent;
				border-radius: 1.5em 1.5em;
				width: 100%;
                                min-height: fit-content;
                                max-height: fit-content;
				margin: auto;
				padding: 1em;
				color: #00cc00;
                                text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
				background-color: blue;
                                background: url(/images/galaxy1438039hs.jpg) no-repeat center bottom;
                                background-attachment: scroll;
				background-size: cover;
			}
                        
.blackbackgroundspacevl
			{
				position: relative;
                                display: block;
                                border: 0px solid transparent;
				border-radius: 1.5em 1.5em;
				width: 100%;
                                min-height: fit-content;
                                max-height: fit-content;
				margin: auto;
				padding: 1em;
				color: #00cc00;
                                text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
				background-color: transparent;
                                background: url(/images/galaxy1438039vs.jpg) no-repeat left center;
                                background-attachment: scroll;
				background-size: cover;
			}
                        
.blackbackgroundspacevm
			{
				position: relative;
                                display: block;
                                border: 0px solid transparent;
				border-radius: 1.5em 1.5em;
				width: 100%;
                                min-height: fit-content;
                                max-height: fit-content;
				margin: auto;
				padding: 1em;
				color: #00cc00;
                                text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
				background-color: transparent;
                                background: url(/images/galaxy1438039vs.jpg) no-repeat center center;
                                background-attachment: scroll;
				background-size: cover;
			}
                        
.blackbackgroundspacevr
			{
				position: relative;
                                display: block;
                                border: 0px solid transparent;
				border-radius: 1.5em 1.5em;
				width: 100%;
                                min-height: fit-content;
                                max-height: fit-content;
				margin: auto;
				padding: 1em;
				color: #00cc00;
                                text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
				background-color: transparent;
                                background: url(/images/galaxy1438039vs.jpg) no-repeat right center;
                                background-attachment: scroll;
				background-size: cover;
			}
			
.blackbackgroundsea
			{
				position: relative;
				width: 100%;
				display: block;
				margin: auto;
				padding-top: 0.625vw;
				padding-bottom: 2.5vw;
				color: white;
				background-color: transparent;
				background: url(/images/beachdesk.jpg) no-repeat bottom center fixed;
				background-size: cover;
			}
			
.blackbackgroundscreen
			{
				position: relative;
				width: 100%;
				display: block;
				margin: auto;
				padding-top: 0.625vw;
				padding-bottom: 2.5vw;
				color: white;
				background-color: transparent;
				background: url(/images/computer2.png) no-repeat center center fixed;
				background-size: 100% 100%;
			}
			
.whitebackground1
			{
				position: relative;
				display: block;
				margin: 2.5em 2.5em 0 2.5em;
				padding-top: 0vw;
				padding-bottom: 0vw;
				color: white;
				text-align: center;
				/*text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
				background-image: linear-gradient(to bottom, #888888ff, #0000ffff);*/
				background-origin: border-box;
				border-style: double;
				border-width: 2.5vmin;
				border-color: white;
			}
			
.whitebackground2
			{
				position: relative;
				display: block;
				margin: 2.5em;
				padding-top: 0vw;
				padding-bottom: 0vw;
				color: black;
				text-align: center;
				/*text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
				background-image: linear-gradient(to bottom, #8888ffff, #ffffaaff);*/
				background-origin: border-box;
				border-style: double;
				border-width: 2.5em;
				border-color: black;
			}
			
.computerscreenbackground
			{
				position: relative;
				display: block;
				border: 0px solid silver;
				border-radius: 2em 2em;
				margin: auto;
                                padding: 2.5em;
				width: 100%;
                                height: fit-content;
                                min-height: fit-content;
                                transform-origin: center center;
				color: white;
				text-align: center;
				/*text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;*/
				background-color: #404040;
			}
			
.whitebackgroundleft
			{
				position: relative;
				display: inline-block;
				margin: auto 2.5em auto 0;
				float: left;
				width: 100%;
				color: black;
				/*text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;*/
				background-color: white;
				border-style: double;
				border-width: 1.5em;
				border-color: black;
                                vertical-align: middle;
			}
			
.whitebackgroundcenter
			{
				position: relative;
				display: inline-block;
				float: none;
				margin: auto;
				width: 100%;
				color: black;
				/*text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;*/
				background-color: white;
				border-style: double;
				border-width: 1.5em;
				border-color: black;
                                vertical-align: middle;
			}
			
.whitebackgroundright
			{
				position: relative;
				display: inline-block;
				margin: auto 0 auto 2.5em;
				float: right;
				width: 100%;
				color: black;
				/*text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;*/
				background-color: white;
				border-style: double;
				border-width: 1.5em;
				border-color: black;
                                vertical-align: middle;
			}
			
.whitebackgroundlast
			{
				position: relative;
				display: block;
				margin: auto;
                                width: 100%;
				float: none;
                                font-size: 1.25em;
				font-weight: bold;
				color: #00cc00;
				text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
				background-color: #ffffff20;
				border-color: #00cc00;
                                border: 0.5em solid #00cc00;
				border-radius: 2em 2em;
                                vertical-align: middle;
			}
			
.whitebackgroundleftlast
			{
				position: relative;
				display: inline-block;
				margin: auto;
				float: center;
				width: 100%;
                                font-size: 1.25em;
				font-weight: bold;
				color: #00cc00;
				text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
				background-color: #ffffff20;
				border-color: #00cc00;
                                border: 0.5em solid #00cc00;
				border-radius: 2em 2em;
                                vertical-align: middle;
			}
			
.whitebackgroundcenterlast
			{
				position: relative;
				display: inline-block;
				margin: auto;
				float: none;
				width: 100%;
                                font-size: 1.25em;
				font-weight: bold;
				color: #00cc00;
				text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
				background-color: #ffffff20;
				border-color: #00cc00;
                                border: 0.5em solid #00cc00;
				border-radius: 2em 2em;
                                vertical-align: middle;
			}
			
.whitebackgroundrightlast
			{
				position: relative;
				display: inline-block;
				margin: auto;
				float: center;
				width: 100%;
                                font-size: 1.25em;
				font-weight: bold;
				color: #00cc00;
				text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
				background-color: #ffffff20;
				border-color: #00cc00;
                                border: 0.5em solid #00cc00;
				border-radius: 2em 2em;
                                vertical-align: middle;
			}

@media only screen and (min-width: 1501px) and (max-width:1750px)
{   
.h1textcenter
    {
        font-size: 2em !important;
    }
    
.h2textleft
    {
        font-size: 1.4em !important;
    }
    
.h3textcenter
    {
        font-size: 2em !important;
    }
    
.h3textleft
    {
        font-size: 2em !important;
    }
    
.h4textcenter
    {
        font-size: 1.5em !important;
    }
    
.h5
    {
        font-size: 0.9em !important;
    }
    
.listTitle
    {
        font-size: 2em !important;
    }
    
.test
    {
        font-size: 0.9em !important;
    }
    
.list
    {
        font-size: 0.9em !important;
    }
    
.formTitle
    {
        font-size: 1.5em !important;
    }
    
form
    {
        font-size: 1.5em !important;
    }
    
.center2
    {
        width: 55% !important;
    } 
}

@media only screen and (min-width: 1176px) and (max-width: 1500px)
{
.h1textcenter
    {
        font-size: 1.4em !important;
    }
    
.h2textcenter
    {
        font-size: 2.5em !important;
    }
    
.h2textleft
    {
        font-size: 1.4em !important;
    }
    
.h3textcenter
    {
        font-size: 1.4em !important;
    }
    
.h3textleft
    {
        font-size: 1.6em !important;
    }
    
.h4textcenter
    {
        font-size: 1.4em !important;
    }
    
.listTitle
    {
        font-size: 3em !important;
    }
    
.testCenter
    {
        width: 75% !important;
    }    
    
.test
    {
        font-size: 1.8em !important;
    }
    
.list
    {
        font-size: 1.8em !important;
    }
    
.formTitle
    {
        font-size: 1.5em !important;
    }
    
form
    {
        font-size: 1.5em !important;
    }
    
.center2
    {
        width: 60% !important;
    } 
}

@media only screen and (min-width: 961px) and (max-width: 1175px)
{
.h1textcenter
    {
        font-size: 1.9em !important;
    }
    
.h2textcenter
    {
        font-size: 2.5em !important;
    }

.h2textleft
    {
        font-size: 1.4em !important;
    }    
    
.h3textcenter
    {
        font-size: 1.9em !important;
    }
    
.h3textleft
    {
        font-size: 1.4em !important;
    }
    
.h4textcenter
    {
        font-size: 1.4em !important;
    }
    
.listTitle
    {
        font-size: 3em !important;
    }
    
.list
    {
        font-size: 1.8em !important;
    }
    
.testCenter
    {
        width: 90% !important;
    } 
    
.test
    {
        font-size: 1.8em !important;
    }
    
.textcenter
    {
        font-size: 0.8em !important;
    }
    
.formTitle
    {
        font-size: 1.5em !important;
    }
    
form
    {
        font-size: 1.5em !important;
    }
    
.center2
    {
        width: 70% !important;
    } 
}

@media only screen and (min-width: 851px) and (max-width: 960px)
{
    
.h1textcenter
    {
        font-size: 1.6em !important;
    }
    
.h2textcenter
    {
        font-size: 2.5em !important;
    }
    
.h2textleft
    {
        font-size: 1.5em !important;
    }
    
.h3textcenter
    {
        font-size: 1.6em !important;
    }
    
.h3textleft
    {
        font-size: 1.2em !important;
    } 
    
.h4textcenter
    {
        font-size: 1.3em !important;
    }
    
.listTitle
    {
        font-size: 3em !important;
    }
    
.list
    {
        font-size: 1.7em !important;
    }
    
.testCenter
    {
        width: 95% !important;
    } 
    
.test
    {
        font-size: 1.7em !important;
    }
    
.textcenter
    {
        font-size: 0.8em !important;
    }
    
.formTitle
    {
        font-size: 1.5em !important;
    }
    
form
    {
        font-size: 1.5em !important;
    }
    
.center2
    {
        width: 70% !important;
    } 
}

@media only screen and (min-width: 751px) and (max-width: 850px)
{
.h1textcenter
    {
        font-size: 1.3em !important;
    }
    
.h2textcenter
    {
        font-size: 2em !important;
    }
    
.h2textleft
    {
        font-size: 1.5em !important;
    }
    
.h3textcenter
    {
        font-size: 1.3em !important;
    }
    
.h3textleft
    {
        font-size: 1.1em !important;
    }  
    
.h4textcenter
    {
        font-size: 1.2em !important;
    }
    
.listTitle
    {
        font-size: 2.5em !important;
    }
    
.list
    {
        font-size: 1.5em !important;
    }
    
.testCenter
    {
        width: 95% !important;
    } 
    
.test
    {
        font-size: 1.5em !important;
    }
    
.textcenter
    {
        font-size: 0.8em !important;
    }
    
.formTitle
    {
        font-size: 1.4em !important;
    }
    
form
    {
        font-size: 1.4em !important;
    }
    
.center2
    {
        width: 70% !important;
    } 
}

@media only screen and (min-width: 661px) and (max-width: 750px)
{    
.h1textcenter
    {
        font-size: 1.2em !important;
    }      
    
.h2textcenter
    {
        font-size: 1.5em !important;
    }
    
.h2textleft
    {
        font-size: 1.5em !important;
    }

.h3textcenter
    {
        font-size: 1.1em !important;
    }
    
.h3textleft
    {
        font-size: 1em !important;
    }
    
.h4textcenter
    {
        font-size: 1.2em !important;
    }
    
.listTitle
    {
        font-size: 2.5em !important;
    }
    
.list
    {
        font-size: 1.25em !important;
    }
    
.testCenter
    {
        width: 95% !important;
    } 
    
.test
    {
        font-size: 1.25em !important;
    }
    
.textcenter
    {
        font-size: 0.8em !important;
    }
    
.formTitle
    {
        font-size: 1.2em !important;
    }
    
form
    {
        font-size: 1.2em !important;
    }
    
.center2
    {
        width: 75% !important;
    } 
}

@media only screen and (max-width: 660px)
{
.h1textcenter
    {
        font-size: 0.8em !important;
    }
    
.h2textcenter
    {
        font-size: 1.5em !important;
    }
    
.h2textleft
    {
        font-size: 1.5em !important;
    }
    
.h3textcenter
    {
        font-size: 0.9em !important;
    }
    
.h3textleft
    {
        font-size: 0.9em !important;
    }
    
.h4textcenter
    {
        font-size: 1.1em !important;
    }
    
.listTitle
    {
        font-size: 2em !important;
    }
    
.list
    {
        font-size: 1em !important;
    }
    
.test
    {
        font-size: 1em !important;
    }
    
.textcenter
    {
        font-size: 0.8em !important;
    }
    
.formTitle
    {
        font-size: 0.9em !important;
    }
    
form
    {
        font-size: 0.9em !important;
    }
    
.center2
    {
        width: 75% !important;
    } 
}

@media only screen and (max-width: 1500px)
{
    .computerscreenbackground
    {
        display: grid;
        align-items: center;
        align-content: center;
        column-gap: 2.5em;
        min-height: fit-content;
    }
    
    .whitebackgroundleftlast
    {
        display: inline-grid;
        margin: 0 auto 0 auto;
        float: center;
        width: 100%;
    }
    
    .whitebackgroundcenterlast
    {
        display: inline-grid;
        margin: 0 auto 0 auto;
        float: center;
        width: 100%;
    }
    
    .whitebackgroundrightlast
    {
        display: inline-grid;
        margin: 0 auto 0 auto;
        float: center;
        width: 100%;
    }
    
    .greybackgroundleft
    {
        width: 96% !important;
        margin: 10em auto !important;
        display: block !important;
        float: none;
    }
    
    .greybackgroundcenter
    {
        width: 96% !important;
        margin: 10em auto !important;
        display: block !important;
        float: none;
    }
    
    .greybackgroundright
    {
        width: 96% !important;
        margin: 10em auto !important;
        display: block !important;
        float: none;
    }
    
/*
.bluesky
                    {       
                            background: url(/images/sky7497.jpg) repeat center center !important;
                            background-attachment: scroll !important;
                    }

    
.blackbackgroundspaceht
			{
                                background: url(/images/galaxy1438039hs.jpg) no-repeat center top !important;
			}
                        
.blackbackgroundspacehm
			{
                                background: url(/images/galaxy1438039hs.jpg) no-repeat center center !important;
			}
                        
.blackbackgroundspacehb
			{
                                background: url(/images/galaxy1438039hs.jpg) no-repeat center bottom !important;
			}
                        
.blackbackgroundspacevl
			{
                                background: url(/images/galaxy1438039vs.jpg) no-repeat left center !important;
			}
                        
.blackbackgroundspacevm
			{
                                background: url(/images/galaxy1438039vs.jpg) no-repeat center center !important;
			}
                        
.blackbackgroundspacevr
			{
                                background: url(/images/galaxy1438039vs.jpg) no-repeat right center !important;
			}
*/
}

/* Head: */
.websitetitle
			{
				width: 70%;
				min-width: 25%;
				position: relative;
				margin: auto;
				text-align: center;
				background-color: #ffffffdd;
			}	
			
table.navtable
			{
				margin-left: auto;
				margin-right: auto;
				text-align: center;
				background-color: transparent;
			}
			
th
			{
				text-align: center;
			}
			
.circularborder
			{
				border: 0.15em solid #00cc00;
				border-radius: 1em 0vw;
				padding-top: 0em;
				padding-bottom: 0em;
                                padding-left: 0.5em;
                                padding-right: 0.5em;
                                vertical-align: middle;
                                font-weight: bold;
                                border-color: #00cc00;
				color: #00cc00;
				/*text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;*/
                                text-decoration: none;
				background-color: transparent;
			}
			
.circularborder:hover, .circularborder:hover *
			{
				border-color: white;
				color: white;
				text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black !important;
                                text-decoration: none;
			}
			
.whitebackgroundleft:hover, .whitebackgroundleft:hover *
			{
				background-image: none;
				background-color: transparent;
				border-color: white;
				color: white;
				text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black !important;
			}
			
.whitebackgroundcenter:hover, .whitebackgroundcenter:hover *
			{
				background-image: none;
				background-color: transparent;
				border-color: white;
				color: white;
				text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black !important;
			}

.whitebackgroundright:hover, .whitebackgroundright:hover *
			{
				background-image: none;
				background-color: transparent;
				border-color: white;
				color: white;
				text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black !important;
			}
                        
.whitebackgroundlast:hover, .whitebackgroundlast:hover *
			{
				background-image: none;
				background-color: transparent;
				border-color: white;
				color: white;
				text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
			}
			
.whitebackgroundleftlast:hover, .whitebackgroundleftlast:hover *
			{
				background-image: none;
				background-color: transparent;
				border-color: white;
				color: white;
				text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black !important;
			}
			
.whitebackgroundcenterlast:hover, .whitebackgroundcenterlast:hover *
			{
				background-image: none;
				background-color: transparent;
				border-color: white;
				color: white;
				text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black !important;
			}
			
.whitebackgroundrightlast:hover, .whitebackgroundrightlast:hover *
			{
				background-image: none;
				background-color: transparent;
				border-color: white;
				color: white;
				text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black !important;
			}

a
			{
				color: black;
			}

a:link                  {
                                color: #00cc00;
				text-decoration:none;
			}
a:visited
			{
				color: #00cc00;
                                text-decoration:none;
			}
a:hover
			{
				color: #00cc00;
                                text-decoration: none;
                                text-shadow: none;
			}
a:active
			{
				color: #00cc00;
                                text-decoration:none;
			}

a.white
			{
				color: white;
			}
                        
a.white:hover
			{
				color: black;
                                text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
			}
                        
/* Body: */	
body
			{
				/*background-image: url("beach1066988.jpg");*/
				background-color: transparent;
				background-repeat: no-repeat;
				height: 100%;
				width: auto;
                                font-size: 15px;
			}
                        
.textcenter
			{
				display: block;
				margin-left: auto;
				margin-right: auto;
                                text-align: center;
				width: 95%;
			}
                        
.textleft
			{
				display: block;
				margin-left: auto;
				margin-right: auto;
                                text-align: left;
                                width: 95%;
			}
                        
.h3textleft
			{
				display: block;
				margin-left: auto;
				margin-right: auto;
                                text-align: left;
				width: 95%;
			}
                        
.textleftjustify
			{
				display: block;
				margin-left: 2.5vw;
				margin-right: auto;
                                text-align: left;
				width: 95%;
			}
                        
.textright
			{
				display: block;
				margin-left: auto;
				margin-right: auto;
                                text-align: right;
				width: 95%;
			}
                        
.textrightjustify
			{
				display: block;
				margin-left: auto;
				margin-right: 2.5vw;
                                text-align: right;
				width: 95%;
			}
                        
.whitetextlink
                        {	
                                text-align: center;
                                color: white;
				text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
                        }
                        
.whitetextlink:hover
                        {	
                                color: black;
				text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
                        }

.testCenter
                        {
                                margin: 0 auto;
                                width: 100%;
                                text-align: center;
                        }
                        
.test
                        {
                                text-align: center;
                                padding-left: 5%;
                                padding-right: 5%;
                        }
                        
.center
			{
				display: block;
				margin-left: auto;
				margin-right: auto;
				width: 50%;
			}
                        
.center2
			{
				display: block;
				margin-left: auto;
				margin-right: auto;
				width: 50%;
                                font-size: 1.5rem;
                                color: black !important;
                                background-color: white !important;
                                text-shadow: none !important;
			}
			
.left
			{
				display: inline-block;
				margin-left: 0;
				margin-right: auto;
				width: 50%;
			}
			
.right
			{
				display: inline-block;
				margin-left: auto;
				margin-right: 0;
				width: 50%;
			}

.listTitle
{
                                font-size: 2.5em;       
}
                        
.list
			{
				text-align: center;
				list-style-type: none;
				font-size: 1.25em;
				font-weight: bold;
				font-family: Arial, Helvetica, sans-serif;
			}
                        
.li
                        {
                                font-weight: bold;
                        }
			
h1
			{
				display: block;
				margin-left: auto;
				margin-right: auto;
                                text-align: center;
				width: 95%;
				font-size: 2em;
				font-weight: bold;
				font-family: Arial, Helvetica, sans-serif;
			}
                        
h2
			{
				font-size: 5rem;
				font-weight: bold;
				font-family: Arial, Helvetica, sans-serif;
			}
                        
.h2textleft
                        {
                                font-size: 1.4em !important;
                        }
			
h3
			{
				display: block;
				margin-left: auto;
				margin-right: auto;
                                text-align: center;
				width: 95%;
				font-size: 2em;
				font-weight: bold;
				font-family: Arial, Helvetica, sans-serif;
			}
			
h4
			{
				font-size: 2.5em;
				font-weight: bold;
				font-family: Arial, Helvetica, sans-serif;
			}
                        
.h4textcenter
			{
				display: block;
				margin-left: auto;
				margin-right: auto;
                                text-align: center;
				width: 95%;
                                font-size: 1.5em;
                        }
			
h5
			{
				font-size: 1.25rem;
				font-weight: bold;
				font-family: Arial, Helvetica, sans-serif;
			}
			
h6
			{
				font-size: 2rem;
				font-weight: 500;
				font-family: Arial, Helvetica, sans-serif;
			}
			
h1.whitetext
			{
				padding-top: 2.5vw;
				padding-bottom: 2.5vw;
				font-size: 2.25rem;
				font-weight: 900;
				font-family: Arial, Helvetica, sans-serif;
				text-align: center;
				color: black;
				text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
				margin: auto;
			}

form
                        {
                                font-size: 1.5em;
                        }
                        
.formTitle
    {
        font-size: 1.5em;
    }
                        
form input, form textarea
			{
                                color: black;
				font-size: 1rem;
				font-weight: 900;
				font-family: Arial, Helvetica, sans-serif;
			}           

form button
			{
                                color: #00cc00;
				font-size: 2rem;
				font-weight: 900;
				font-family: Arial, Helvetica, sans-serif;
                                border-radius: 10vw 10vw;
                                border-color: black;
                                background-color: white;
			}
                        
form button:hover
			{
				color: white;
                                text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
                                background-color: white;
                                border-color: black;
			}
                        
.information
                        {
                                font-size: 2rem;
                                border: solid 0px white;
                                border-radius: 3rem;
                                color: dodgerblue !important;
                                background-color: white !important;
                                text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
                                transition: all ease-in-out 0.1s;
                                cursor: pointer;
                        }
                        
.information:hover, .information:active
                        {
                                font-size: 2.5rem;
                                border: solid 0px black;
                                border-radius: 3rem;
                                color: dodgerblue !important;
                                background-color: white !important;
                                text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black !important;
                                transition: all ease-in-out 0.1s;
                                cursor: pointer;
                        }
                        
.estimatorform
                        {
                                margin: auto;
                                width: fit-content;
                                max-width: 100%;
                                font-size: 1.5rem;
                                font-family: Arial, Helvetica, sans-serif;
                        }
                        
.estimatebutton
                        {
                                margin: auto;
                                width: fit-content;
                                max-width: 100%;
                                color: dodgerblue !important;
                                border-color: black !important;
                                background-color: white !important;
                                font-size: 2.5rem;
                                font-family: Arial, Helvetica, sans-serif;
                                text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black !important;
                        }                                             
                        
.webpageNumber
                        {
                                border-color: white !important;
                        }
                        
input[type=radio]
                        {
                                border: 0px;
                                width: 2em;
                                height: 2em;
                        }
                        
input[type=checkbox]
                        {
                                border: 0px;
                                width: 2em;
                                height: 2em;
                        }
                        
/*	
section.index
			{
				text-align: center;
				width: 96%;
				min-width: 1050px;
				padding-top: 2vw;
				font-size: 25px;
				font-weight: 900;
				font-family: Arial, Helvetica, sans-serif;
				color: white;
				margin: 0 auto;
			}
section.default1
			{
				text-align: center;
				width: 96%;
				min-width: 1050px;
				padding-top: 2vw;
				padding-bottom: 21px;
				font-size: 20px;
				font-weight: 900;
				font-family: Arial, Helvetica, sans-serif;
				color: black;
				background-color: rgba(16, 192, 232, 0.1);
				margin: 0 auto;
				margin-bottom: 5px;
				border-style: double;
				border-width: 10px;
				border-color: black;
			}
*/