﻿body {
	background-color:blue;
	background: -webkit-linear-gradient(lightblue, darkblue);
	background: -o-linear-gradient(lightblue, darkblue);
	background: -moz-linear-lightblue(blue, darkblue);
	background: linear-gradient(lightblue, darkblue)
}

a:link {
	color: black;
}

a:visited {
	color:black;
}

header {
	height:20vh;
}


#mainContentWrapper {
 
}

#mainContent{
	overflow:hidden;
	height:70vh;
	border:medium black solid;
	 -moz-border-top-left-radius: 45px;
	 -moz-border-top-right-radius: 45px;
    -webkit-border-top-left-radius: 45px;
    -webkit-border-top-right-radius: 45px;
    border-top-left-radius: 45px;
    border-top-right-radius: 45px;

}


.fbStyler {
	}

.mainContentFontBox { 
	padding-bottom:30px;
	font-size:1.5vw; 
	font-weight:bold;
}

#banners {
	height:15vh;
}
iframe {
	overflow:hidden;
}
#nav {
	 height: 10vh;
	 font-size:1vw; 
	 padding-top:15px; 
	 padding-bottom:15px; 
	 padding-right:5px; 
	 padding-left:5px;
}

#MainContentRight {
background-size:cover;
background-repeat:no-repeat;
}

.navSubContainer {
	text-align:left;
	font-size:24px;
	text-align:end; 
	padding-top:350px;
}

.MainContentSetter {
	padding-top:20px;
	padding-bottom:20px;
}



/* Tooltip container */
.applianceBox{
    position: relative;
    display: inline-block;
    height:10vh;
	cursor:pointer;	
}
.applianceBox:hover {
	border:10px green solid;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;

}
footer {
	background-color:green;
	border:thin black solid
}
.applianceBoxSpan{
	
}
/* Tooltip text */
.applianceBox .applianceBoxSpan{
    visibility: hidden;
}

/* Show the tooltip text when you mouse over the tooltip container */
.applianceBox:hover .applianceBoxSpan{
    visibility: visible;
}
ol.olCircle {
	list-style-type: circle;
}
.fas {
	font-size:14vw;
	cursor:pointer;
}
	.fas:hover{
	color:green;
	
	}

.fab {
	font-size:14vw;
	cursor:pointer;
}
		.fab:hover{
	color:green;
	}

.outlineFont {
	
 color: white;
    text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px -1px 0 #000,
    1px 1px 0 #000; 
}

.font-aboutUs {
	font-size:2.5vw;
}

.Bannerheight {
	height:38vh;
}

@media only screen and (max-device-width: 780px) {

.Bannerheight {
	height:30vh;
}

.fbStylerMobile {
	visibility:hidden;
}

#nav {
	 height: 10vh;
	 font-size:2vw; 
	 padding-top:15px; 
	 padding-bottom:15px; 
	 padding-right:5px; 
	 padding-left:5px;
}


#mainContent {
	height:70vh;

}

.mainContentFontBox { 
	padding-bottom:20px;
	font-size:3.4vw; 
	font-weight:bold;

}

.font-aboutUs {
	font-size:4.3vw;
}
.mobile-push {
	margin-left:25px;
}

.media-switch-Mobile {
	overflow:auto;
}

.mobileBumpHome {
	padding-top:5vh;
	padding-left:10vw;
}

.mobileBumpContact {
	padding-top:10vh;
}


.nav-circle {
	text-align:center;
	text-decoration:none;
	color:black;	
	font-weight:bold;
}


.nav-circle:hover {
	background-color:green;
	background-size:100px; 
	background-position:center; 
	background-repeat:no-repeat;
	cursor:pointer;
	height:5vh;
	-moz-border-radius: 45px;
    -webkit-border-radius: 45px;
    border-radius: 45px;
    -webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

	    animation:fqenav 1s infinite;
   -moz-animation:fqenav 1.5s infinite;
   -webkit-animation:fqenav 1.5s infinite;
	animation-iteration-count: infinite;

	
}


}
