@charset "utf-8";
/* CSS Document */

.roboto-black {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: normal;
 }
 .bilbo-swash-caps-regular {
  font-family: "Bilbo Swash Caps", cursive;
  font-weight: 400;
  font-style: normal;
}
.satisfy-regular {
  font-family: "Satisfy", cursive;
  font-weight: 400;
  font-style: normal;
}
.yellowtail-regular {
  font-family: "Yellowtail", cursive;
  font-weight: 400;
  font-style: normal;
}
.birthstone-regular {
  font-family: "Birthstone", cursive;
  font-weight: 400;
  font-style: bolder;
}
.style-script-regular {
  font-family: "Style Script", cursive;
  font-weight: 400;
  font-style: normal;
}


#about-content{
		display:flex;
		}

#JaysPhoto {
	text-align: center;
	max-width: 33%;
	Padding: 50px;
	font-family: Roboto, Century Gothic, Arial;
}

#JaysStory{
	font-family: Roboto, Century Gothic, Arial;
	max-width:60%;
	padding: 50px 50px 75px 0px;
	font-size: 18px;
}


p.space {line-height:0%;}

	#sitebackground{
		background-color: #000066;
	}

	#wrapper {
	/*border-style:solid;
	border-width:5px;*/
	background-color: white;
	max-width: 950px;
	margin:auto;
	}
	




	#body {
		margin: auto;
		text-align:center;
	}

	#navband {
		font-family: Roboto, Century Gothic, Arial;
		max-width:950px;
		margin:auto;
		height: 60px;
		background-color: #000066;
		display: flex;
		align-items: center;
	}
	
	#navband ul{
		list-style-type: none;
	}	
	
	#navband a.active {
		color:lightblue;
	}
	
	#navband a:hover{
		color:red;
	}
	
	#navband a {
		text-decoration: none;
		color: white;
	}
		
	#dontwrap {
		white-space: nowrap;
	}
	
	
	#emaillink {
		margin-right: auto; /* makes the next div("menu") go to the right */
	}
	
	#menu a {
		padding: 10px;
		text-decoration: none;
		color: white;
	}
	
	#menu li{
		display: inline-block;
	}

	
	#redstripe{
		height: 9px;
		background-color: red;
	}
	#whitestripe{
		height: 6px;
		background-color: white;
	}
	
	
	#header{
	padding-top: 15px;
	margin:auto;
	text-align:center;
	display: block;
	font-family: Roboto, Century Gothic, Arial;
	h1 {
		font-size: 72px;
		border: 0px solid black;
		margin: 0px 0px 0px 0px;
		}
	h2 {
		font-size: 40px;
		/*border: 1px solid black;*/
		margin: 0px 0px 10px 0px;
		}
	}

	#call2action{
		text-align: center;
	h3 {
		/*border-style:solid;
		border-width: 1px;*/
		font-family: "Style Script", cursive;
		color:red;
		letter-spacing: 0px;
		font-size:75px;
		margin: 0px 0px 0px 0px;
		}
	p {
		margin: 0px 0px 0px 0px;
		color: #000066;
		font-family: Roboto, Century Gothic, Arial;
		font-size: 75px;
		font-weight: 900;
		}
	a {
		text-decoration:none;
		color: #000099;
	}
	}
	
	#reasons{
		border: 6px solid;
		border-color: #000099;
		border-radius: 10px;
		padding: 20px;
		background-color: white;
		margin:auto;
		width: 90%;
		font-family: Roboto, Century Gothic, Arial;
		p {
			/*border: 1px solid black;*/
			color: black;
			font-family: Roboto, Century Gothic, Arial;
			font-weight: 400;
			margin-top: 20px;
			font-size: 20px;
		}
		h1 {
		font-size: 35px;
		color: Red;
		border: 0px solid black;
		margin: 0px 0px 0px 0px;
		}
		
}
@media screen and (max-width:775px) {
	
	
	#about-content{
			display:block;
		}
		
	#JaysPhoto {
		margin: auto;
		max-width: 80%;
		Padding: 10px 10px 0px 10px;
		font-family: Roboto, Century Gothic, Arial;
}

	#JaysStory{
		font-family: Roboto, Century Gothic, Arial;
		max-width:80%;
		padding: 5px 50px 75px 50px;
		font-size: 20px;
	}
	
	#header{
	padding-top: 15px;
	margin:auto;
	text-align:center;
	display: block;
	font-family: Roboto, Century Gothic, Arial;
	h1 {
		font-size: 45px;
		line-height: 45px;
		border: 0px solid black;
		margin: 10px 0px 0px 0px;
		}
	h2 {
		.break{
			display:block;
		}
		font-size: 32px;
		/*border: 1px solid black;*/
		.hide{
			display: none;
		}
		margin: 0px 0px 10px 0px;
		}
	}
	
		#call2action{
		text-align: center;
		h3 {
			/*border-style:solid;
			border-width: 1px;*/
			font-family: "Style Script", cursive;
			color:red;
			font-size:44px;
			line-height: 55px;
			}	
		span{
			display: block;
		}
		p 	{
			text-decoration: none;
			margin: 0px 0px 15px 0px;
			color: DarkSlateBlue;
			font-family: Roboto, Century Gothic, Arial;
			font-size: 45px;
			font-weight: 900;
		}

		

	}
	
	#navband {
		font-family: Roboto, Century Gothic, Arial;
		max-width:600px;
		margin:auto;
		height: auto;
		background-color: #000066;
		display: block;
		text-align: center;
		align-items: center;
		}
		
	#navband ul{
		list-style-type: none;
		padding-inline-start: 0px;
	}
	
	
	#reasons{
		.break{
			display:block;
		}
		.hide{
			display: none;
		}
		border: 2px solid DarkSlateBlue;
		border-radius: 10px;
		padding: 20px;
		background-color: white;
		margin: auto;
		width: 80%;
		font-family: Roboto, Century Gothic, Arial;
		p {
			/*border: 1px solid black;*/
			color: black;
			font-family: Roboto, Century Gothic, Arial;
			font-weight: 400;
			margin-top: 20px;
			font-size: 20px;
		}
		h1 {
		font-size: 35px;
		color: Red;
		border: 0px solid black;
		margin: 0px 0px 0px 0px;
		}
		

	
	}