@charset "UTF-8";

header {
	 align-items: center;
  display: flex;
  justify-content: flex-start;
background-color: white;
	margin-left: 20px;
}

header h1 {
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 50px;
}

header a {
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  text-decoration: none;
  color: black;
  margin-left: 20px;
}

header a:hover {
  color: darkgray;
}


.blog {
  padding-right: 20px;
	padding-left: 20px;
		padding-bottom: 20px;
  background-color: #FFFFFF;
  border: 1px solid #ddd;
	margin: 20px;
}

.text-block{
	text-decoration: none;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	display: flex;
  font-size: 16px;
  line-height: 1.3;
  color: #000000;
}

.Link a {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	display: flex;
	justify-content: center;
	text-decoration: none;
	color: #000000;
	font-size: 16;
}


.Link a:hover {

	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 16px;
	display: flex;
	justify-content: center;
	text-decoration: none;
	color: #7C7C7C;	
	text-decoration: underline;
}




p {
	font-family: Arial;
}


body {
	margin: 0;
}

.homepage a:hover {
	text-decoration: none;
	color: black;
	
}



footer {
	display: flex;
	align-items:flex-end;
	justify-content: center;
	
}

footer p{
	margin-left: 15px;
	margin-right: 15px;
	
}

.textlink {
	padding-left: 20px;
	
	
	
}

.container {
	height: 5;
	display: flex;
	padding: 10px;
	align-items: center;
	justify-content: center;
}

.container a:hover {
	background-color: lightgray;
	
}


.banner {
	background-color: #000000;
	background-image: url("/images/rollsroyce.jpg");
	height: 700px;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	opacity: 1
}

.homepage {
	

}


.grid-container {
	display: grid;
	grid-template-columns: auto auto ;
	column-gap: 10px;
	grid-row-gap: 10px;;
	margin-left: 10px;