@charset "UTF-8";
/* CSS Document */
html {scroll-behavior: smooth;}
img {width:100%}

.mobile
	{display:none;}

 button {
      all: unset;
      cursor: pointer;
	 width: 10%
    }
body { 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
body.home {
    background: url("gallery/background.pdf") no-repeat; 
	background-size: 100%;
	background-attachment: fixed;
	font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	font-weight: 500;
	font-style: normal;
	color:lightcyan;}
.row {
  display: flex;
}

.column {
  flex: 33.33%;
   filter: drop-shadow(10px 10px 10px grey);
	padding-top: 70px;
}
div.bckrnd 
{ padding: 20px;
text-align: center;
background: rgba(159, 169, 195, 0.19);
margin: 90px 200px }
body.alt {
    background: url("gallery/backgroundalt.pdf") no-repeat;
	background-size: 100%;
	background-attachment: fixed;
	font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	font-weight: 500;
	font-style: normal;
	color:lightcyan;}

	footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: #055684;
   color: white;
   text-align: center;
}

a:link {
  color: goldenrod;
  background-color: transparent;
  text-decoration: underline;
}


#container{
	display: flex;
	justify-content: center;
	align-content: center;
	min-height: 400px;
}

#container div{
	height: 370px;
	width: 335px;
	background-color: ghostwhite;
	margin: 40px;
	display: flex;
	flex-direction: column;
	text-align: center;
	color: #055684;
	justify-content: center;
	border-radius: 10%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
P {
	font-size: 20px;
	font-weight: bold;
		transform: scale(1.2);
}
P a:hover
	{
	transform: scale(1.2);}
P3
{text-align: center;
font-size: 20px;
	margin: 30px;
	color: #055684;
	font-weight: bold;
}
img
{width: 60%;
	height: auto;
	display: block;
	margin: auto;
border-radius: 10%}



div.cta
	{background:url("gallery/misc/background.pdf") bottom center no-repeat;
	background-size: cover;
	padding-top: 105px;}
div.header a
	{margin-left: 250px;
		text-decoration: none;
	color: #055684;
	font-size: 30px;
	transition: transform .2s;}
div.header a:hover
	{
	transform: scale(1.2);}



div.header div.col-2-sm a
	{display: block;
	margin-top: 20px;
}
div.header div.logo span
	{display:none;}
div.nav 
{ padding-top: 70px;
	
	
	
	}

/*hamburger nav*/
.overlay
	{height: 0%;
	width: 100%;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: #ebf5ff;
	overflow-y: hidden;
	transition: 0.5s;}
.overlay-content
	{position: relative;
	top: 25%;
	width: 100%;
	text-align: center;
	margin-top: -120px;}
.overlay a
	{padding: 8px;
	text-decoration: none;
	font-size: 45px;
	color: #055684;
	display: block;
	transition: 0.3s;}
.overlay a:hover, .overlay a:focus
	{color:ghostwhite;
	transform: scale(1.2);
	-webkit-text-stroke: 1px #648fef;
	text-stroke: 1px black;}
.overlay .closebtn
	{position: absolute;
	top: 20px;
	right: 45px;
	font-size: 60px;}
@media screen and (max-height: 500px) {
.overlay
	{overflow-y: auto;}
.overlay a
	{font-size: 20px}
.overlay .closebtn
	{font-size: 40px;
	top: 15px;
	right: 35px;}
}
/*hamburger nav end*/
/*home end*/








/*mobile css*/
@media only screen and  (max-width: 700px) {


.desktop
	{display: none;}
.mobile
	{display: block;}
	

	footer
	{width: 100%}
body
	{background:url("gallery/misc/mobilehomebackground.pdf") no-repeat;
	background-size: cover;
	background-attachment: fixed;}
div.cta
	{padding-top: 150px;
	background:url("gallery/misc/mobilehomebackground.pdf") bottom center no-repeat;
	background-size: 100%;}
div.cta h1.home
	{margin-bottom: 150px;}
div.header div.logo a
	{display:inline-block;
	width:40%;}
/*hamburger nav*/
div.header div.logo span
	{float:right;
	display:block;
	padding-top: 40px;
	}
/*hamburger nav end*/
div.header div.logo a img
	{padding-top: 7px;
	width:40%;}
	
	
/*home*/	
	div.bckrnd 
{ padding: 20px;
text-align: center;
background: rgba(159, 169, 195, 0.19);
margin: 10px 10px }
h1.home
	{font-size: 50px;
	margin-top: 50px;}
h1.home span.big
	{font-size: 115px;}
a.home
	{font-size: 35px;
	padding: 10px;
	margin-top: 160px;
	margin-bottom: 130px;}
div.nav 
	{display:none;}
/*home end*/
	
	
/*about*/
div.about
	{margin-bottom: 140px}
div.about img.mobile
	{display: block;
	width:65%;
	border: solid 4px;
	border-color: #6e0a3c;
	border-radius: 100%;
	margin: 0 auto;
	margin-bottom: 10px;}
div.about div.bio h1
	{margin-top:0px;
		-webkit-text-stroke: 2px #f9f1e8;
	margin-bottom: 30px;
	font-size: 50px;
	color:#6e0a3c;
	text-align: center;}
div.about p
	{font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	font-weight: 700;
	font-style: normal;
	color:midnightblue;
	padding-bottom:15px;
	font-size: 16px;}
/*about end*/
	
	
/*menu*/
div.menu
	{margin-bottom: 140px}
div.menu h1
	{font-size: 60px;
	color:#6e0a3c;
	text-align: center;
	padding-top: 50px;
		-webkit-text-stroke: 2px #f9f1e8;
	}
div.menu h2
	{font-size: 40px;
	color:#f9ab3c;
	margin-top: 20px;
	margin-bottom: 20px;
	-webkit-text-stroke: 2px midnightblue;
	text-stroke: 1px black;}
div.menu h3
	{font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	font-weight: 700;
	font-style: normal;
	font-size: 24px;
	color:midnightblue;
	margin-top: 20px;
	margin-bottom: 4px;}
div.menu h3.juice
	{margin-top: -5px;
	margin-bottom: 15px;}
/*menu end*/
	
	
/*contact*/
div.contact ul li.first
 	{margin-top: 0px;}
div.contact div.info ul
	{font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	font-weight: 400;
	font-style: normal;
	color:#6e0a3c;
	font-size: 16px;
	margin-top:0px;}
div.contact form.mobile
	{margin-top: 40px;}
input[type="text"], textarea
	{width: 87%;
	height: 100%;}
/*contact end*/
	

}











/*mobile css*/
@media only screen and  (max-width: 700px) {


.desktop
	{display: none;}
.mobile
	{display: block;}
	

	P {
		font-size: 15px;
		font-weight: bold;
	}
body
	{background:url("gallery/misc/mobilehomebackground.pdf") no-repeat;
	background-size: cover;
	background-attachment: fixed;}
div.ctax
	{padding-top: 150px;
	background:url("gallery/misc/mobilehomebackground.pdf") bottom center no-repeat;
	background-size: 100%;}
div.cta h1.home
	{margin-bottom: 150px;}
div.header div.logo a
	{display:inline-block;
	width:80%;}
/*hamburger nav*/
div.header div.logo span
	{float:right;
	display:block;
	color: #055684;
		width: 80px;
	padding-top: 30px;}
/*hamburger nav end*/
div.header div.logo a img
	{padding-top: 7px;
	width:40%;}
	
#container div{
	height: 200px;
	width: 150px;
	background-color: ghostwhite;
	margin: 20px;
	
	
	text-align: center;
	color: #055684;
	
	border-radius: 10%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
	footer 
}
	
	
	
	
	

}