/* ------------------------ UTILITIES --------------------------------------------------- */
.button {
	background-color: var(--b);
	font-family: "Poppins", sans-serif;
	font-weight: 500;
	font-weight: bold;
	border: 2px;
	border-style: solid;
	border-color: var(--bdr);
   border-radius: 0 20px 20px 0;
	color: var(--c);
	padding: var(--wth) var(--hgt); 
	text-align: center;
	text-decoration: none;
	font-size: var(--fs);
	margin: 1vw 2vw;
	cursor: pointer;
}
.button:hover {
	background-color: blue;
}

#idd15 {
	color: cyan;
	font-size: 1.8vw;
}
#idropdown1 {
	color:yellow; background:black; border-color:cyan;
}
#idd5 {
	color: white;
	font-size: 1vw;
}
/*----------600----------------------------------------------------------*/
@media only screen and (max-width: 600px) { 

/*-----------600------------------ Main Menu ---------------600-----------*/
	.nav-branding { font-size: 8vw;}
	.nav-menu {
		position: fixed;  
		left: -100%; 
		top: 70px;
		gap: 20px;
		flex-direction: column;
		background-color: black; /* Hamburger slide-out menu background color */
		width: 32%;   /* how far menu slides out */
		text-align: left;
		padding-right: 2.2em;
		border-radius: 8px;
		transition: 0.5s;
	} 
	.nav-menu a { font-size: 3vw; }
	.sub-menu-1 {    /* actual drop down Menu   */
		display: none;
		list-style: none;
		text-align: left;
		position: absolute; 
		text-decoration: none;  /* text has no lines thru or under */
		font-size: 3.6vw;  
		line-height: 5.5vw;   /* height of menu bar  */
		min-width: max-content; 
		box-shadow: 2px 2px 5px #7DF9FF;
		padding-left: .5em;
	}
	.sub-menu-2 {    /* actual drop down Menu   */
		box-shadow: 2px 2px 5px #7DF9FF;
		padding-left: 1em;
		line-height: 3.5vw;   /* height of menu bar  */
		background: red;
	}	
	.nav-item:hover li a {   
		color: white;  /* 2nd Dropdown Menu text color */
		font-size: 3.6vw; 
		margin: .5vw;
		line-height: 6vw;   /* height of menu bar  */
	}
	.nav-item { margin: 5px 0; }  /* space between menu list items */
	
	.nav-menu.active { left: 0; }
	
	.hamburger {
		display: block;  /* Hamburger Menu turns on */
	}
	.hamburger.active .bar:nth-child(1) {
		transform: translateY(8px) rotate(45deg);
	}
	.hamburger.active .bar:nth-child(2) {
		opacity: 0;
	}
	.hamburger.active .bar:nth-child(3) {
		transform: translateY(-8px) rotate(-45deg);
	}
	
/*-------------------------------------- ThankYou -----------------------------------*/
.Thankyou img { 
	width: 90%; 
	border: 4px solid cyan;
}
.Thankyou .button { width: 10em; height: 5em; }

}  /* END 600  */