.Container {
						width: 90%;
						min-width: 500px;
						margin: auto;
					}
		.topnav {
					overflow: hidden;
					background-color: #000000;
				}

		.topnav a{
					float: left;
					display: blue;
					color: #f2f2f2;
					text-align: center;
					padding: 14px 16px;
					text-decoration: none;
					font-size: 17px;
				}

		.topnav a:hover {
							background-color: #ffffff;
							color: White;
						}

		.topnav a.active{
							background-color: #4CAF50;
							color: white;
						}
						
		.nav>li>a 	{
						position: relative;
						display: block;
						padding: 15px 25px;
					}
		.navbar-default .navbar-nav>li>a{
											color: #ffffff; 						//white
										}
										
		.navbar-default .navbar-nav>li>a:hover{
													color: #ff0000; 					//red
											}
										
		.navbar-default {
							background-color: #0b0a0a;
							border-color: #151414;
						}
						
		.navbar-toggle {
							position: relative;
							float: left;
							margin-right: 15px;
							padding: 9px 10px;
							margin-top: 8px;
							margin-bottom: 8px;
							background-color: transparent;
							background-image: none;
							border: 1px solid pink;
							border-radius: 4px;
						}
						
						.tempDesign10 {
			
							border: 3px solid HotPink;
							background-color: MistyRose;
							padding: 0.5px;
							padding-bottom:10px;
							margin-bottom: 5px;
							text-align: center;
							display: inline-block;
							line-height:15px;
						}

      /* Extra small devices (phones, 600px and down) */
      @media only screen and (max-width: 600px) {
		.tempDesign10 {	border: 3px solid HotPink; line-height:1px; font-size: 4vw !important;}
		.h1{ font-size: 5vw !important;}
      }
      
      /* Small devices (portrait tablets and large phones, 600px and up) */
      @media only screen and (min-width: 600px) {
		.tempDesign10 {	border: 3px solid HotPink;line-height:2px;font-size: 4vw !important;}
		.h1{ font-size: 5vw !important;}
      }
      
      /* Medium devices (landscape tablets, 768px and up) */
      @media only screen and (min-width: 768px) {
		.tempDesign10 { border: 3px solid HotPink;line-height:5px;font-size: 2vw !important;}
		.h1{ font-size: 3vw !important;}
      } 
      
      /* Large devices (laptops/desktops, 992px and up) */
      @media only screen and (min-width: 992px) {
		.tempDesign10 {border: 3px solid HotPink;line-height:10px;font-size: 2vw !important;}
		.h1{ font-size: 3vw !important;}
      } 
      
      /* Extra large devices (large laptops and desktops, 1200px and up) */
      @media only screen and (min-width: 1200px) {
		.tempDesign10 {	border: 3px solid HotPink;line-height:10px;font-size: 2vw !important;}
		.h1{ font-size: 3vw !important;}
      }

	.tempDesign11 {
								background-color: Silver;
								border: 5px solid black;
								padding: 1px;
								margin: 2px;
								text-align: left;
								display: inline-block;
								line-height:15px;
					}
					
					
		.dropbtn {
						background-color:#7077fd;
						color: white;
						margin: 30px;
						padding: 5px;
						font-size: 16px;
						border: none;
						cursor: pointer;
						display: inline-block;
						vertical-align: bottom;
				}

		.dropdown {
						position: relative;
						display: inline-block;
				}

		.dropdown-content {
								display: none;
								position: absolute;
								right: 0;
								background-color: #f9f9f9;
								min-width: 160px;
								box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
								z-index: 1;
						}

		.dropdown-content a {
									color: black;
									padding: 12px 16px;
									text-decoration: none;
									display: block;
							}

		.dropdown-content a:hover {background-color: #f1f1f1}

		.dropdown:hover .dropdown-content {display: block;}

		.dropdown:hover .dropbtn {background-color: #3e8e41;}

		.tempColor {border: 10px solid pink;}

		.tempDesign12{
						width: 500px;
						border: 10px solid HotPink;
					}
		.text{
				vertical-align: right;
				margin: 30px;
				display: inline-block;
			}
			
		div.input{
					position: relative;
					z-index: 20;
				}
		div.button{
					position: relative;
					z-index: 50;
				}
		div.output{
					position: relative;
					z-index: 30;
				}
		.button{
					background-color: #4CAF50; /* Green */
					border: none;
					color: white;
					padding: 15px 32px;
					text-align: center;
					text-decoration: none;
					display: inline-block;
					font-size: 16px;
					margin: 4px 2px;
					cursor: pointer;
				}

		.divider{
					width:5px;
					height:auto;
					display:inline-block;
				}
		/* Float cancel and signup buttons and add an equal width */
		.cancelbtn, .signupbtn{
								float: left;
								width: 20%;
							}
		/* Extra styles for the cancel button */
		.cancelbtn{
					padding: 14px 20px;
					background-color: #f44336;
				}
		/* The Modal (background) */
		.modal{
				display: none; /* Hidden by default */
				position: fixed; /* Stay in place */
				z-index: 1; /* Sit on top */
				left: 0;
				top: 0;
				width: 100%; /* Full width */
				height: 100%; /* Full height */
				overflow: auto; /* Enable scroll if needed */
				background-color: rgb(0,0,0); /* Fallback color */
				background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
				padding-top: 60px;
			}
		/* Modal Content/Box */
		.modal-content{
						background-color: #fefefe;
						margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
						border: 1px solid #888;
						width: 80%; /* Could be more or less, depending on screen size */
					}

		/* The Close Button (x) */
		.close{
				position: absolute;
				right: 35px;
				top: 15px;
				color: #000;
				font-size: 40px;
				font-weight: bold;
			}

		.close:hover,.close:focus{
									color: red;
									cursor: pointer;
								}

		/* Clear floats */
		.clearfix::after{
							content: "";
							clear: both;
							display: table;
						}