@charset "utf-8";
/* CSS Document */
/* Globals*/
.img{display:block; margin:4px auto;}
.find {background-color: red;}
hr {
    margin: 3px 0;
    color: navy;
    border: 0;
    border-top: 2px solid;
    opacity: 1.0;
}
p {
   font-size:1.0em;
   margin: 0px 0;  
 }
p.lead {font-size:1.25em; font-weight:bold;}
div#divInner{min-height:90vh;}
input, select, textarea, label{
margin:0px;
}
/* Nav styles */
/* change the background color */
.carousel-inner {background-color: #000;}
/* colors */
.secondary {
	color:#1645A3 }

.third-color {
	color:#ee5a29;	}

option:nth-child(even) {background-color:teal; color:#FFF;}
option[selected]{background-color:#0080C0; color:#FFF;}

.nav-list ul li {font-size: 1.2 em;}
button[type="submit"].submit{width:280px; margin:auto; color:navy; font-weight: 600; font-size: 17px; border:1.5px solid navy;}
fieldset{
	border:2px solid navy;
	border-radius:12px;
}
legend {
  float: none;
  width: auto;
  padding: 0 4px;
  font-size:1.1rem;
}
.wsmoke {background-color:#F5F5F5; margin:2px; }
h1, h1 *, h2, h2 *, h3, h3 *, h4, h5, h6, h4 *,h5, h5 *, h6, h6 *{
	line-height: 110%;
    text-align: center;
	margin: 4px;
	}
h1, h1 *{
	font-size: 1.6rem;
	font-weight: 700;
}
h2, h2 *{
	font-size: 1.5rem;
	font-weight: 700;
}
h3, h3 *{
	font-size: 1.35rem;
	font-weight: 600;
}
h4, h4 *{
	font-size: 1.2rem;
	font-weight: 600;
}
h5, h5 *{
	font-size: 1.1rem;
	font-weight: 600;
}
h6, h6 *{
	font-size: 1.0rem;
}


/* Nav styles */

.title-font {
    font-family: 'Rage Italic', sans-serif;
    font-size: 2em;
 }

/* change the background color */
.top-background { background-color:#00ccff; }
.body-background {background-color:#FFF; }
/* Navbar styles */

.navbar-custom {
    font-weight:bold;
    font-size:1.4em;
}
ul.header-special li {font-size: .5 rem;}

#app {
	-webkit-column-count: 4;
	-moz-column-count: 4;
	column-count: 4;
	-webkit-column-gap: 15px;
	-moz-column-gap: 15px;
	column-gap: 15px;
}
#app img {
	width: 100%;
}

fieldset {
  min-width: 70%;
  padding: 1%;
  margin: 1%;
  border: 2px solid navy;
}	
   .yesShow{display:none;}
@media screen and (max-width: 640px)
{
   .noShow{display:none;}
   div.noShow{display:none;}
   .yesShow{display:block;}
   h1, h1 *{
	font-size: 1.4rem;
	font-weight: 700;
}
h2, h2 *{
	font-size: 1.35rem;
	font-weight: 700;
}
h3, h3 *{
	font-size: 1.21rem;
	font-weight: 600;
}
h4, h4 *{
	font-size: 1.14rem;
	font-weight: 600;
}
h5, h5 *{
	font-size: 1.0rem;
	font-weight: 600;
}
h6, h6 *{
	font-size: .9rem;
}
}
	@media screen and (max-width: 480px)
	{
	   #ulNav1{margin-left: 48px;}
	   #ulNav1 a {font-weight: 700; font-size: 19px;}
	}