html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* end of reset */
body{
	text-align: center;
	line-height:30px;
	background-color: rgb(233, 241, 255);
	color:rgb(12, 10, 45);
	font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
	max-width: 2000px;
}
h1{
	font-family: 'Bitter', serif;
    font-size:3.2em;
	line-height:75%;
}
h2{
    font-size: 2.8em;
	padding:5px 10px;
	color:#00311f;
}
h3{
	font-size:2.1em;
	padding:5px 10px;
}
.head{
    width:100%;
    display: grid;
	grid-template-columns:1fr 1fr 3fr 1fr 1fr ;
	grid-template-rows: 1fr;
	box-shadow: 5px 15px 15px #2b2b2b;
	margin-top:0px;
	position: fixed;
	top: 0;
	color:whitesmoke;
	background-color: rgba(0, 0, 0, 0.95);
	padding:5px;
	height:90px;
}

p{ 
    font-size: 1.2em;
	padding:5px 10px;
}
footer{
    border-top: 1px whitesmoke solid;
	background-color: black;
	color:whitesmoke
}


.gridA{
	grid-column: 1;	
	grid-row: 1/2;
	font-size:2em;
	text-align:center;
}

.gridR{
	grid-column: 2;
	grid-row: 1/2;	
	font-size:2em;
	text-align:center;
}

.gridG{
	grid-column: 4;
	grid-row: 1/2;
	font-size:2em;
}

.gridC{
	grid-column: 5;	
	grid-row: 1/2;
	font-size:2em;
}

.gridCH{
	grid-column: 3;	
	grid-row: 1/2;
	font-size:3.4em;
}
li{
	font-style: italic;
	font-size: 1.5em;
}
.everything{
	margin-top: 80px;
}
.nrh1{
	font-size: 0.6em;
}
a:link, a:visited, a:active{
	color: whitesmoke;
	text-decoration: none;
}
a:hover{
	background-color:#2b2b2b
}
.hero{
	width:50%;
	border-radius: 10% 5%;
}
#adress{
	display:none;
}
.req{
	color:#ff0000;
}
.bookus{
	color:#000000;
	font-size:3.4em;
	font-style:italic;
}
li{
	color:#2b2b2b;
}
input[type="submit"]{
	color:rgb(229, 229, 229);
	background-color: black;
}
ul li {
    list-style-position: outside;
	margin-left: 1em;
}
.can2h1s{
	font-size:8em;
	color:rgba(227, 227, 227, 0.9);
	-webkit-text-stroke: 2px #2b2b2b;
	line-height:600px;
	text-align:center;
	width:80%;
	height:600px;
	background-image: url("images/house-front.v1.jpg");
	background-repeat: no-repeat;
	background-size:101% 120%;
	background-position: center;
	border: 1px solid black;
	margin:auto;
	font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.hero-att{
	font-size:9.5em;
	color:rgba(227, 227, 227, 0.9);
	-webkit-text-stroke: 2px #2b2b2b;
	line-height:600px;
	text-align:center;
	width:80%;
	height:600px;
	background-image: url("images/hells.jpg");
	background-repeat: no-repeat;
	background-size:101% 120%;
	background-position: center;
	border: 1px solid black;
	margin:auto;
	font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.hero-rr{
	font-size:11em;
	color:rgba(227, 227, 227, 0.9);
	-webkit-text-stroke: 2px #2b2b2b;
	line-height:600px;
	text-align:center;
	width:80%;
	height:600px;
	background-image: url("images/room-hero.webp");
	background-repeat: no-repeat;
	background-size:101% 120%;
	background-position: center;
	border: 1px solid black;
	margin:auto;
	font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.hero-c{
	font-size:11em;
	color:rgba(227, 227, 227, 0.9);
	-webkit-text-stroke: 2px #2b2b2b;
	line-height:600px;
	text-align:center;
	width:80%;
	height:600px;
	background-image: url("images/contact-hero.webp");
	background-repeat: no-repeat;
	background-size:101% 120%;
	background-position: center;
	border: 1px solid black;
	margin:auto;
	font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
p{
	color:rgb(12, 10, 45);
}
.external{
	font-style: italic;
	text-decoration: underline;
}
aside {
	width: 50%;
	height:800px;
	padding-left: 0.5rem;
	margin-left: 0.5rem;
	float: right;
	font-style: italic;
	margin-left: auto;
	padding-top: auto;
  }
  

.lands{
	height:400px;
	width:500px;
	border-radius: 40px 20px;
}

.piano-hero{
	height:500px;
	width: 600px;
}
.bord-rad{
	border-radius:40px 20px;
	width:750px;
}
input[type="text"],
input[type="email"],
input[type="subject"],
textarea
{
	border-top: none;
	border-right: none;
	border-left:none;
	border-bottom: 1px #000000 solid;
	background-color: rgb(233, 241, 255);
    width: 50%;
}
.gall{
	width:35%;
	margin:10px;
}

  .fa-brands{

	color: white;
	padding: 20px;
	font-size: 30px;
	width: 50px;
	text-align: center;
	text-decoration: none;
  }
.smaller{
	font-size:0.9em;
	line-height: 33px;
	text-align:left;
	padding-left:5px;
}
a p{
	text-decoration: underline;
	font-size:0.9em;
	line-height: 33px;
	text-align:left;
	padding-left:5px;
}