/*
	styles_new_01.css

*/

@-ms-viewport {
	width: device-width ;
}
@viewport {
	width: device-width ;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	background-color: Cornsilk;
	padding-top: 5px;
	padding-bottom: 25px;
	padding-left: 25px;
	padding-right: 25px;
	width: 900px;
	margin: auto;
	
}
img {
	max-width: 100% ;
	display: block;
	width: auto ;
	height: auto ;
}


footer {
	color: #000 ;
	background-color: Skyblue;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
	padding-right: 25px;
	
}

h1	{
	text-align:center;
	color: #000;
	background-color: Skyblue;
	padding-top: 10px;
	padding-bottom:10px;
	padding-left: 25px;
	padding-right: 25px;
	
}

table, th, td {
	border:1px solid black;
	border-collapse: collapse;
	padding: 6px;
	text-align: center;
	}

/* .navbar { */
		/* height:50px; */
		/* float: left; */
		/* display: block; */
		/* font-size: 14pt; */
		/* background-color: LightGrey; */
		/* } */
		
/* .navbar ul { */
		/* list-style: none; */
		/* padding: 0; */
		/* margin: 0; */
		/* } */

/* .navbar li { */
		/* display: block; */
		/* width: 200px; */
		/* transition-duration: 0.5s; */
		/* } */

/* .navbar li a { */
		/* display: inline-block; */
		/* text-align: center; */
		/* padding: 14px 16px; */
		/* } */
		
/* Navbar container */
.navbar {
  overflow: hidden;
  background-color: LightGray;
  font-family: Arial;
}

/* Links inside the navbar */
.navbar a {
  float: left;
  font-size: 20px;
  color: black;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/* The dropdown <div> container */
.dropdown {
  float: left;
  overflow: hidden;
}

/* Dropdown button <div> container */
.dropdown .dropbtn {
  font-size: 20px;
  border: none;
  outline: none;
  color: black;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}

/* Add a red background color to navbar links on hover */
.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: red;
}

/* Dropdown content <div> container (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Add a grey background color to dropdown links on hover */
.dropdown-content a:hover {
  background-color: #ddd;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}






		
.navbox {
		float: left;
		display: block;
		background-color: PaleTurquoise;
		padding: 10px 5px 10px 5px;
		margin-left: 1em;
		margin-right: 1em;
		margin-top: 0.5em;
		width: 170px;
		text-align: center;
	}
.button1 {
		background-color: #4CAF50; /* Green */
		
		color: white;
		padding: 2px 8px;
		margin-left: 1em;
		margin-right: 1em;
		text-align: center;
		text-decoration: none;
		/* flex-shrink: 0; */
		font-size: 24px;
		}	
.linka {
		font-size: 20px;
		
		}
		
.linkb {
		font-size: 24px;
}		

.flexbox-container {
		display: flex;
		justify-content: center;
		width: 700px;
		margin: auto;
		
}

/* .row &.column for two images side by side */
.row {
		display: flex; 
}

.column {
		flex: 50%;
}

#sketch-holder {
				
				text-align: center;
		}
		
#banner	{
				width: 700px;
				margin:auto;
				text-align:center;
		}