@charset "utf-8";
/* CSS Document */
/*CSS Reset*/
#container, body {
	margin: 0;
	padding: 0;
	border: 0;/*11121112111211111211121112112111211121112111211*/
}/*}*/
header { 
	display: grid;
	grid-template-columns: 20% auto;
	grid-template-rows: auto auto; 
	background-color: #662538;
	padding-left: 100px;
} 

header img {
	height: 100px;
}

header h1 {
	color: beige;
	display: grid;
	margin-left: 30%;
	
}

#quote {
	
}


/*nav li {
	list-style-type: square;
	display: inline-block;
	justify-content: center;
	margin-left: 10em;
	width: 200px;
	height: 49px;
	padding: 5px;
}

nav li:hover {
	background-color: aqua;
}}*/

nav li {
	display: inline-flex;
    font-size: 2em;
    border-top: 1px solid #e5e9fc;
	width: 250px;
	margin-left: 4px;
	justify-content: center;
}

nav li a {
    display: grid;
	grid-template-columns: auto auto auto auto auto auto auto;
    color: #fff;
    text-align: center;
    padding: 0.50em 1em;
    text-decoration: none;
}

nav li:hover {
	background-color: aqua;
}/*}*/

nav {
	height: 76px; 
	background-color: gray;
	padding-top: 1.10em;
	text-align: center;
} 

main {
	background-color: #f2eaec;
	padding-top: 6px;
}/*}*/

main h1 {
	text-align: center;
	font-size: 40px;
}

main p {
	display: inline-block;
	width: 33%;
	text-align: center;
	margin-top: 60px;
}

main img {
	width: 33%;
	display: inline-grid;
	grid-template-columns: 33% 33% 33%;
}

.testimonials-p {
	display: flex;
}

hr {
	border-width: 2px;
	border-style: dashed;
	border-color: #662538;
}

section {
	margin-left: 10%;
	margin-top: 26px;
	width: 500px;
	height: auto; 
	background-color: white;
	border: 6px solid #662538;
	border-radius: 20px;
}

section p {
	width: 500px;
}

article {
	width: 33%;
	display: inline-block;
	grid-template-columns: 33% 33% 33%;
	margin-left: 00px;
	text-align: center;
}


aside {
	width: 600px;
	height: auto;
	display: inline-grid;
	margin-left: 10%;
	background-color: white;
	border: 6px solid #662538;
	border-radius: 20px;
	margin-top: 50px;
}

.kennel_aside {
	width: 690px;
    display: inline-block;
	margin-left: 15%;
	
}

.kennel_section {
	
}

aside p {
	width: auto;
}

footer {
	height: 150px;
	background-color: gray;

}/*}*/

footer p {
	text-align: center;
}/*}*/

.noto-serif {
  font-family: "Noto Serif", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.alegreya {
  font-family: "Alegreya", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.fjalla-one-regular {
  font-family: "Fjalla One", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.parisienne-regular {
  font-family: "Parisienne", cursive;
  font-weight: 400;
  font-style: normal;
}