@charset "UTF-8";
/* CSS Document */
body
{
	background-color: white;
}
.navBar
{
/*	removes bullets*/
	list-style-type: none;
}
.containers
{
	background-color: black;
    padding-bottom: 0px;
	margin: -10px;
}
.navList
{
	display: inline-block;
  padding: 0px;
	font-size: 50px;
	font-family: "acier-bat-solid", sans-serif;
font-weight: 400;
font-style: normal;
	margin-right: 20px;
	margin-left: 35px;
}
.tab
{
text-decoration: none;
     width: 100%;
     height: 100%;
	color: #144d29;
-webkit-text-stroke: 1.5px white;
}
.tab:hover, .active
{
	color: white;
	-webkit-text-stroke: 1px #144d29;
	font-family: "acier-bat-solid", sans-serif;
}

.profilepic
{
	border-radius: 150px;
	width: 300px;
	margin-right: -20%;
}
.profile
{
padding-top: 0px;
margin-left: 10px;	
padding-right: 0%;
margin-right: 0%;
}
.logo
{
	width: 6%;
	margin-left: 47%;
}
h1
{
font-family: "aviano", serif;
font-weight: 700;
font-style: normal;
	font-size: 50px;
	margin-left: 20%;
	margin-right: 22%;
	color: white;
	-webkit-text-stroke: .5px #144d29;
}
p
{
	color: white;
	float: right;
	margin-left: 17%;
	margin-right: 30%;
	font-size: 33px;
	font-family: "freude", sans-serif;
font-weight: 400;
font-style: normal;
	-webkit-text-stroke: 1px #144d29;
}
.subcontainers
{
	background-color: black;
	padding-bottom: 5%;
	margin-top: -1%;
}
.fb-page
{
	float: none;
	margin-top: -26%;
	margin-left: 70.5%;
}
.appointments
{
	display: block;       /* iframes are inline by default */
    background: #000;
    border: none;         /* Reset default border */
    height: 100vh;        /* Viewport-relative units */
    width: 100vw;
}
h2{
		font-size: 100px;
	}
.mission
{
	color: white;
	float: right;
	margin-left: 440px;
	margin-right: -10px;
	font-size: 50px;
	font-family: "freude", sans-serif;
font-weight: 400;
font-style: normal;
	-webkit-text-stroke: 1px #144d29;
}
.logoMission
{
	width: 400px;
	margin-right: -320%;
	padding-bottom: 10%;
	margin-left: 10px
}
.missionHeader
{
	text-align: center;
	font-size: 70px;
}
.row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.column {
  flex: 2%;
  max-width: 25%;
  padding: 0 4px;
}

.column img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}
.galleryHeader
{
	font-size: 80px;
	margin-bottom: 1px;
	margin-left: 700px;
}
.locale
{
	color:white;
	font-family: "acier-bat-solid", sans-serif;
font-weight: 400;
font-style: normal;
	font-size: 50px;
	text-align: center;
	margin-left: 25px;
}
.phone
{
	text-decoration: none;
	color: white;
}
.address
{
	text-decoration: none;
	color: white;
	margin-left: 59px;
	font-family: "acier-bat-solid", sans-serif;
font-weight: 400;
font-style: normal;
	font-size: 50px;
	-webkit-text-stroke: 2px #144d29;
}
.contactHeader
{
	text-align: center;
	font-size: 100px;
}
#g-mapdisplay
{
	margin-left: 15px;
	
}
.bookingsite
{
 display: block;       /* iframes are inline by default */
    background: #000;
    border: none;         /* Reset default border */
    height: 100vh;        /* Viewport-relative units */
    width: 100vw;
}
/* Small Desktops and laptops */
@media (min-width: 1201px) and (max-width:1600px)
{
	.navList
	{
		font-size: 190%;
	}
	h1
	{
		font-size: 290%;
		margin-right: 10%;
		margin-left: 9%;
	}
	p
	{
		font-size: 150%;
		margin-left: 26%;
		margin-top: -34%;	
	}
	.fb-page
	{
		margin-top: -70%;
		width: 29%;
	}
	.subcontainers
	{
		margin-top: -1.9%;
	}
	.profile
	{
		margin-top: -2%;
	}
	.logo
	{
		width: 8%;
	}
	.mission
	{
		margin-top: 1%;
		margin-left: 32%;
		margin-right: 1%;
	}
	.galleryHeader
	{
		margin-left: 34%;
	}
	.locale
	{
		margin-top: 1%;
		margin-left: 9%;
		margin-right: 1%;
		font-size: 271%;
	}
	.contactHeader
	{
		margin-bottom: -1.5%;
	}
	
}
/*tablets and large smart phones screens*/
@media (min-width: 801px) and (max-width: 1200px)
{
	.navList
	{
		font-size: 140%;
	}
	p
	{
		margin-left: 29%;
		margin-top: -40%;
		margin-right: 9%;
		font-size: 150%;
	}
	.mission
	{
		margin-top: -2%;
		font-size: 270%;
		margin-right: 2%;
	}
	.fb-page
	{
		margin-top: 1%;
		margin-left: 40%;
	}
	h1{
		margin-left: 4%;
		margin-right: 2%;
		font-size: 280%;
	}
	.profile
	{
		margin-top: -2%;
	}
	.galleryHeader
	{
		margin-left: 30%;
	}
	.locale
	{
		margin-top: 1%;
		font-size: 180%;
		margin-left: 1%;
		margin-right: 1%;
	}
	.contactHeader
	{
		margin-bottom: 0%;
	}
}
@media (min-width: 600px) and (max-width: 800px)
{
	.navList
	{
		font-size: 140%;
		margin-right: 3.6%;
		margin-left: -2%;
	}
	h1{
		font-size: 200%;
		margin-left: 3%;
		margin-right: 3%;
	}
	p
	{
	font-size: 100%;	
	margin-top: -70%;
	margin-right: 0%;
	margin-left: 40%;
	}
	.fb-page
	{
		margin-left: 47%;
		margin-top: -38%;
	}
	.column {
    flex: 50%;
    max-width: 50%;
  }
	.mission
	{
		margin-left: 42%;
		font-size: 200%;
		margin-top: -4%;
		margin-right: 1%;
	}
	.logoMission
	{
		width: 40%;
		margin-top: -4%;
	}
	.missionHeader
	{
		font-size: 300%;
	}
	.galleryHeader
	{
		margin-left: 19%;
	}
	.contactHeader
	{
		font-size: 450%;
		margin-bottom: -1%;
	}
	.address
	{
		font-size: 200%;
		margin-left: 2%;
	}
	.locale
	{
		font-size: 96%;
		margin-top: 10%;
		margin-right:2%;
		float: right;
		-webkit-text-stroke: 0.25px #144d29;
	}
}
/*    6.7 inch screen size*/
@media (max-width: 520px)
{
	.navList{
		font-size: 140%;
		margin-left: -7%;
		margin-right: 10%;
	}	
	h1{
		font-size:109%;
		margin-left: 3%;
		margin-right: 1%;
		-webkit-text-stroke: 1px white;
	}
	.profilepic
	{
		width: 40%;
		margin-left: 30%;
	}
	p
	{
		font-size: 100%;
		margin-left: 1%;
		margin-right: 1%;
	}
	.fb-page
	{
		margin-left: 5%;
	}
	.logoMission
	{
		width: 40%;
		margin-left: 30%;
	}
	.mission
	{
		font-size: 140%;
		margin-left: 1%;
		margin-top: 40%;
	}
	.subcontainers
	{
		padding-bottom: 50%;
	}
	.missionHeader
	{
		font-size: 200%;
	}
	.column {
    flex: 100%;
    max-width: 100%;
  }
	.galleryHeader
	{
		margin-left: 7%;
		font-size: 400%
	}
	.contactHeader
	{
		font-size: 220%;
		margin-bottom: -4%;
	}
	.locale
	{
		font-size: 100%;
		margin-left: 20%;
		float: left;
	}
	.address
	{
		font-size: 250%;
	}
	#g-mapdisplay
	{
		margin-left: 0%;
		margin-right: 10%;
	}
}
@media (max-width: 380px)
{
	.subcontainers
	{
		padding-bottom: 80%;
	}
	.missionHeader
	{
		font-size: 150%;
		
	}
	.mission
	{
		margin-right: 1%;
		margin-left: 3%;
		font-size: 134%;
	}
	h1
	{
		font-size: 96%;
		margin-left: 3%;
	}
	.galleryHeader
	{
		margin-left: 4%;
	}
	.locale
	{
		margin-left: 16%;
	}
	.address
	{
		margin-left: 9%;
	}
	.fb-page
	{
		margin-top: 1%;
		margin-left: 2.9%;
	}
}