html, body { 
	height: 100%;
}
section{
	margin-top: 3rem;
}
.row {
	max-width: 100%;
}
.homeintro { 
	height: 100vh;
	background: linear-gradient(transparent 80%, black 95%), linear-gradient(to top right, transparent 70%, black 120%), url("../intro.jpg") no-repeat center / cover;
}
@font-face {
font-family: 'myFont';
src: url('Montserrat-Light.otf') format('opentype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'myFont';
src: url('Montserrat-Medium.otf') format('opentype');
font-weight: bold;
font-style: normal;
}
h1,h2,h3,h4,h5{
	font-family: myFont;
	font-weight: bold;
}
header h1{
	font-size: 3.7rem;
	line-height: 1.0;
	text-shadow: 3px 3px 2px rgba(0,0,0, 0.6);
}
section h2{
	text-decoration: underline;
}
.menu {
	/*background-color: black; */
	color: white;
	margin-top: 5rem;
	line-height: 1.94;
	font-size: 1.25rem;
	text-shadow: 1.3px 1.3px 1px rgba(0,0,0, 0.6);
}
.menu a{
	color: white;
	transition:all 0.2s ;
    -webkit-transition:all 0.2s ;
    -o-transition:all 0.2s ;
    -moz-transition:all 0.2s ;
}
.menu a:hover{
	font-size: 1.1rem;
	-webkit-transform-origin: right;
	-moz-transform-origin: right;
	-o-transform-origin: right;
	transform-origin: right;
}
.homeDesc {
	position: absolute;
	bottom: 2rem;
	left: 1.5rem;
	color: white;
}
.stickyMenu {
	width:100%;
	background-color: black;
	color: white;
	padding:0;
}
.circle {
    border: 5px solid white;
    width: 7rem;
    height: 7rem;
    border-radius: 35rem; 
    margin: 0.5em;
}
.aligner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
}
.about .circle{
	border-color: black;
}
.photos{
	height: 12rem;
	margin-bottom: 1rem;
	background-size: cover;
	display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}
.photos img{
	flex-shrink: 0;
    min-width: 100%;
    min-height: 100%;
    transition:all 0.4s ;
    -webkit-transition:all 0.4s ;
    -o-transition:all 0.4s ;
    -moz-transition:all 0.4s ;
}

.photos img:hover {
    transform: scale(1.1);
}
#map_canvas {
  height: 500px;
  width: 100%;
}
html {
	font-size: 1em;
}

body {
  font-family: 'myFont';
  font-weight: normal;
  line-height: 1.65;
  color: #333;
}
form input {
	width: 100%;
	background-color: #d8d8d8;
	border:0;
	padding:8px;
	border-radius: 5px;
	margin-top: 1rem;
}
form .submit{
	width: 100%;
	background-color: #686868;
	color: white;
}
form textarea{
	width: 100%;
	background-color: #d8d8d8;
	border:0;
	padding:8px;
	border-radius: 5px;
	margin-top: 1rem;
}
.shadow {
-webkit-box-shadow: inset 2px 2px 2px 0px #dddddd;
  -moz-box-shadow: inset 2px 2px 2px 0px #dddddd;
  box-shadow: inset 2px 2px 2px 0px #dddddd;
}
nav a{
	color: white;
	margin-right: 10px;
}
.virtualtour{
min-height: 0;
min-width: 0;
max-height: 100vh;
max-width: 90vw;
height: 85%
}

@media screen 
  and (max-device-width: 500px) {
.virtualtour{
min-height: 0;
min-width: 0;
max-height: 100vh;
max-width: 90vw;
height: 100%
}