html{
	/*font-family: helvetica, arial, sans-serif;*/
	font-family: Montserrat, Helvetica, arial, sans-serif;
	line height: 1.0;
	font-size: 16px;
	scroll-behavior: smooth;
	}

/*for Google Fonts*/
@font-face {
  font-family: Montserrat;
	src: url(fonts/Montserrat-Regular.ttf);
	/*src: url(fonts/Montserrat-SemiBold.ttf);*/
	/*src: url(fonts/Montserrat-Light.ttf);*/
	/*src: url(fonts/Montserrat-ExtraLight.ttf);*/
  	/*src: url(fonts/Montserrat-Thin.ttf);*/
	}

@font-face {
  font-family: Montserrat-SemiBold;
	src: url(fonts/Montserrat-SemiBold.ttf);
	}




/*src: url(Audiowide-Regular.ttf);*/
	/*src: url(fonts/Montserrat-Regular.ttf);*/
	/*src: url(fonts/Montserrat-Light.ttf);*/
	/*src: url(fonts/Montserrat-ExtraLight.ttf);*/




@media screen and (min-width: 360px){
	html{
		font-size:8px
	}
}


@media screen and (min-width: 600px){
	html{
		font-size:11px
	}
}


@media screen and (min-width: 900px){
	html{
		font-size:14px
	}
}

@media screen and (min-width: 1500px){
	html{
		font-size:16px
	}
}

@media screen and (min-width: 1900px){
	html{
		font-size:22px
	}
}

@media screen and (min-width: 2400px){
	html{
		font-size:28px
	}
}


body {
	background-color: #e0e0eb;
	font-size:1.0em;
	font-family: Montserrat, Arial, 'sans-serif';
	color: #484848;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	box-sizing: border-box;
	}

#sheet{
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 100px;
	box-sizing: border-box;
	background-color: white;
		border-style: solid;
		border-color: #00cccc;
		border-radius: 2px;
		border-width: 2px 2px 2px 2px; /* top, right, bottom, left */
	}

#title{
	width: 100%;
	height:auto;
	margin-top: 2px;
	margin-bottom: 2px;
	padding: 2px;
	box-sizing: border-box;
	background-color: default;
		display: flex;
		justify-content: center;
		align-items: center;
	}

#footer{
	width: 100%;
	height:auto;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 20px;
	box-sizing: border-box;
	background-color: default;
		display: flex;
		justify-content: center;
		align-items: center;
	}



/*  ************ BUTTONS ************************** */

#close{
	height:auto;
	width: auto;
	border-radius:3px;
	background-color: grey;
	opacity: 1;
	font-size:1.1em;
	font-family: 'Arial' 'sans-serif';
	color: white;
		display: flex;
		justify-content: center;
		align-items: center;
	border: 0px solid #00bfff;
	margin-top: 0%;
	}

#close:hover{
	background-color: #18da8d;
	color: black;
	}


/* ********************************** FONT SIZES ****************************** */

/* Font Size Formating */

h0{
	font-size: 3.3em;
	line-height: 1.2;
	margin-top:0.2em;
	margin-bottom: 0em;
	margin-left: 0.2em;
	margin-right: 0.2em;
	}

h1{
	font-size: 2.2em;
	line-height: 1.8;
	margin-top:0.2em;
	margin-bottom: 0em;
	margin-left: 0.2em;
	margin-right: 0.2em;
	}

h2{
font-size: 1.5em;
line-height: 1.2;
margin-top:0.2em;
margin-bottom: 0em;
margin-left: 0.2em;
margin-right: 0.2em;

/*text-align:left;*/
}


h3{
font-size:1.17em;
line-height: 1.6;
margin-top:0.2em;
margin-bottom: 0em;
margin-left: 0.2em;
margin-right: 0.2em;

/*text-align:left;*/
}

h4{
font-size:1.0em;
line-height: 1.2em;
margin-top:0.2em;
margin-bottom: 0em;
margin-left: 0.2em;
margin-right: 0.2em;

text-align:left;
}

h5{
font-size:0.83em;
line-height: 1.2;
margin-top:0.2em;
margin-bottom: 0em;
margin-left: 0.2em;
margin-right: 0.2em;

text-align:left;
}

h6{
	font-size:0.67em;
	line-height: 1.2;
	margin-top:0.2em;
	margin-bottom: 0em;
	margin-left: 0.2em;
	margin-right: 0.2em;
	text-align:left;
	}


p{
	font-size: 1em;
	line-height: 1.2;
	margin-top:0.4em;
	margin-bottom: 0em;
	margin-left: 0.2em;
	margin-right: 0.2em;
	text-align:left;
	}