body{
	font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, Geneva, Verdana, sans-serif;
	margin: 0px;

}
.container{
	height: 100vh;
	vertical-align:middle;
	display: grid;
	grid-template-columns: repeat(3,1fr) ;
	grid-template-rows: 2fr 5fr 1fr;

}
.header{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-template-rows: 40px auto 40px;
	grid-column: 1/span end;
	grid-row: 1/2;
	background-color: #e6e6e6;

}
.header h1
{
	font-weight: bold;
	font-size: 35px
}

.main{
	display: grid;
	grid-template-columns: 22% 63% 15%;
	grid-template-rows: 50px auto 30px;
	grid-column: 1/span end;
	grid-row: 2/3;
	
}
.footer{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-template-rows: repeat(3,1fr);
	grid-column: 1/span end;
	grid-row: 3/span end;
	background-color: #e6e6e6;
}

.content-center-center{
	grid-row: 2/3;
	grid-column :2/3;
	text-align: center;
}
.content-center-left{

	grid-row: 2/3;
	grid-column :2/3;
}
/* Navbar container */
.navbar {
  overflow: hidden;
  background-color: #333;
 
}

.main h1{
	font-weight: bold;
	font-size: 30px;
}


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

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

/* Dropdown button */
.dropdown .dropbtn {
  font-size: 16px;
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font: 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 (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;
} 

.up-center-left{
	grid-column: 1/2;
	grid-row: 1/3;
}
.center-left{
	
	padding: 6px;
	grid-column:1/2;
	grid-row: 2/3;
}

#logo{
	height: 120px;
}

.quotes{
	position: relative;
	max-width: 800px;
	vertical-align: middle;
	border-left: 2px solid red;
	left: 20px;
    background-color: lightgrey;
	font-family: TimesNewRoman, Times New Roman, Times, Baskerville, Georgia, serif;
	font-size:17px;
}

.imgCenter{
	margin-left: 50px;
	max-width: 70%;
	max-height: 600px;
	transition: transform 0.25s ease;
} 

.imgCenter:active{
	-webkit-transform:scale(2);
	transform: scale(2);
}