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

/*************************************************************************/

/*beginning of code that affects every page for every size*/

/*start of @fontface*/

@import url('https://fonts.cdnfonts.com/css/Palatino');

@font-face {
    font-family: 'forteregular';
	src: url('forteregular-webfont.eot'); /* IE9 Compat Modes */
	src: url('forteregular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('font_files/forteregular-webfont.woff2') format('woff2'), /* Super Modern Browsers */
	url('font_files/forteregular-webfont.woff') format('woff'), /* Pretty Modern Browsers */
	url('font_files/forteregular-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
	url('font_files/forteregular-webfont.svg#svgforteregular') format('svg'); /* Legacy iOS */
	font-weight: normal;
	font-style: normal;
}

@import url(https://db.onlinewebfonts.com/c/380d7d586b8246b3f65a92e2b82e65c4?family=Forte+W01);

@import url('https://fonts.cdnfonts.com/css/Arial');

/*ending of @fontface*/

/*ending of code that affects every page for every size*/

/*************************************************************************/

/*Media Query - Breakpoint for Desktop minimum of 1025px*/
@media only screen and (min-width: 1025px)
{
	
body {
	margin: 0;
	padding: 0;
	height: auto;
	width: auto;
	overflow: auto;
	background: #DFC5FE;
	background-size: cover;
}

/*css for top of webpage*/

h1 {
	font-family: 'Palatino', sans-serif;
	font-size: 30pt;
	color: #BE2ED6;
	text-shadow: 1px 1px #1B0000;
}

h2 { /*index.html*/
	margin: -40px 0 0 95px;
	font-family: 'Forte', sans-serif;
	font-size: 20pt;
	color: #FFDAC8;
	-webkit-text-stroke-width: .001em;
	-webkit-text-stroke-color: #BE2ED6;
	text-shadow: 1px 1px #1B0000;
}

h3 {
	font-family: 'Palatino', sans-serif;
	font-size: 15pt;
	color: #BE2ED6;
	-webkit-text-stroke-color: #000000;
	text-shadow: 1px 0px #1B0000;
}

h4 {
	text-align: center;
	padding: 10px 10px 10px;
	font-family: 'Forte', sans-serif;
	font-size: 18pt;
	color: #FFDAC8;
	background-color: #BE2ED6;
	max-height: 80px;
	max-width: 280px;
	border-style: solid;
	border-color: #FFDAC8;
	-webkit-text-stroke-width: .001em;
	-webkit-text-stroke-color: #BE2ED6;
	text-shadow: 1px 1px #1B0000;
}

h5 {
	margin: 0;
	padding: 0px 8px 10px 0;
	font-family: 'Palatino', sans-serif;
	font-size: 17pt;
	color: #BE2ED6;
	max-width: 5000px;
	-webkit-text-stroke-width: .001em;
	text-shadow: 1px 1px #1B0000;
}

/*end of css for top of webpage*/

/*******************************************/

/*css for heading*/

#logotext { /*index.html*/
	margin: 80px 0 0 80px;
	text-align: left;
}

#contacttext { /*index.html*/
	margin: -80px 90px 0 0;
	padding-bottom: -10px;
	text-align: right;
}

#topheadings { /*index.html*/
	margin: 100px 2% 50px;
	text-align: center;
}

#cna { /*index.html*/
	padding: 20px 60px 20px;
	font-family: 'Forte', sans-serif;
	font-size: 18pt;
	color: #FFDAC8;
	text-shadow: 1px 1px #1B0000;	
	background-color: #BE2ED6;
	max-width: 950px;
	border-style: solid;
	border-color: #FFDAC8;
}

#tagline { /*index.html*/
	padding: 20px 60px 20px;
	font-family: 'Palatino', sans-serif;
	font-size: 18pt;
	color: #BE2ED6;
	text-shadow: 1px 1px #1B0000;	
	max-width: 950px;
}

#available { /*index.html*/
	margin: auto;
	padding: 20px 60px 20px;
	font-family: 'Palatino', sans-serif;
	font-size: 18pt;
	color: #BE2ED6;
	text-shadow: 1px 1px #1B0000;	
	max-width: 950px;
}

/*end of css for heading*/

/*******************************************/

/*css for paragraph*/

/*css first div*/

div.wrappercontainer {
	display: grid;
	margin: auto;
	max-height: 43%;
	min-height: 20%;
}

div.wrapper1 { /*index.html*/
	display: flex;
}

div.wrapper2 { /*index.html*/
	display: flex;
}

div.wrapper3 { /*index.html*/
	display: flex;
	position: absolute;
	justify-content: right;
}

div.grid { /*index.html*/
	width: 40.7%;
	margin: 0 2% 1% 2%;
	padding: 1%;
	color: #BE2ED6;
	font-family: 'Arial', sans-serif;
	font-size: 15pt;
	text-shadow: 1px 1px #1B0000;	
	border-style: solid;
	border-color: #BE2ED6;
}

div.grid2 { /*index.html*/
	height: 509px;
	width: 18%;
	margin: 1% 2% 5% 2%;
	padding: 1% 1% 2% 1%;
	color: #BE2ED6;
	font-family: 'Arial', sans-serif;
	font-size: 15pt;
	text-shadow: 1px 1px #1B0000;	
	border-style: solid;
	border-color: #BE2ED6;
}

div.grid3 { /*index.html*/
	height: 509px;
	width: 18.5%;
	margin: 1% 2% 5% 0;
	padding: 1% 1% 2% 1%;
	color: #BE2ED6;
	font-family: 'Arial', sans-serif;
	font-size: 15pt;
	text-shadow: 1px 1px #1B0000;	
	border-style: solid;
	border-color: #BE2ED6;
}

div.grid4 { /*index.html*/
	height: 800px;
	width: 22.5%;
	margin: 0 1% 0 1%;
	padding: 1% 1% 2% 1%;
	color: #BE2ED6;
	font-family: 'Arial', sans-serif;
	font-size: 13pt;
	text-shadow: 1px 1px #1B0000;	
	border-style: solid;
	border-color: #BE2ED6;
}

div.grid5 { /*index.html*/
	height: 800px;
	width: 22%;
	margin: 0 2% 0 1%;
	padding: 1% 1% 2% 1%;
	color: #BE2ED6;
	font-family: 'Arial', sans-serif;
	font-size: 15pt;
	text-shadow: 1px 1px #1B0000;	
	border-style: solid;
	border-color: #BE2ED6;
}

/*end of css for paragraph*/

/*******************************************/

/*css for footer*/

footer {
	margin: 8% 30px 0;
	padding: 30px 10px 30px;
	font-family: 'Forte', sans-serif;
	text-align: center;
	font-size: 15pt;
	color: #FFDAC8;
	background-color: #BE2ED6;
	max-width: auto;
	border-style: solid;
	border-color: #FFDAC8;
	-webkit-text-stroke-width: .001em;
	-webkit-text-stroke-color: #BE2ED6;
	text-shadow: 1px 1px #1B0000;
}	

/*end of css for footer*/

}
/*******End of Media Query - Breakpoint for Desktop minimum of 1025px**************/

/*************************************************************************/

/*Media Query - Breakpoint for Tablets between 641px and 1024px*/
@media only screen and (min-width: 641px) and (max-width: 1024px)
{
	
body {
	margin: 0;
	padding: 0;
	height: auto;
	width: auto;
	overflow: auto;
	background: #DFC5FE;
	background-size: cover;
}

/*css for top of webpage*/

h1 {
	font-family: 'Palatino', sans-serif;
	font-size: 22pt;
	color: #BE2ED6;
	text-shadow: 1px 1px #1B0000;
}

h2 { /*index.html*/
	margin: -32px 0 0 95px;
	font-family: 'Forte', sans-serif;
	font-size: 16pt;
	color: #FFDAC8;
	-webkit-text-stroke-width: .001em;
	-webkit-text-stroke-color: #BE2ED6;
	text-shadow: 1px 1px #1B0000;
}

h3 {
	font-family: 'Palatino', sans-serif;
	font-size: 12pt;
	color: #BE2ED6;
	-webkit-text-stroke-color: #000000;
	text-shadow: 1px 0px #1B0000;
}

h4 {
	text-align: center;
	padding: 10px 10px 10px;
	font-family: 'Forte', sans-serif;
	font-size: 15pt;
	color: #FFDAC8;
	background-color: #BE2ED6;
	max-height: 80px;
	max-width: 280px;
	border-style: solid;
	border-color: #FFDAC8;
	-webkit-text-stroke-width: .001em;
	-webkit-text-stroke-color: #BE2ED6;
	text-shadow: 1px 1px #1B0000;
}

h5 {
	margin: 0;
	padding: 0px 8px 10px 0;
	font-family: 'Palatino', sans-serif;
	font-size: 12pt;
	color: #BE2ED6;
	max-width: 500px;
	-webkit-text-stroke-width: .001em;
	text-shadow: 1px 1px #1B0000;
}

/*end of css for top of webpage*/

/*******************************************/

/*css for heading*/

#logotext { /*index.html*/
	margin: 80px 0 0 20px;
	text-align: left;
}

#contacttext { /*index.html*/
	margin: -58px 20px 0 0;
	padding-bottom: -10px;
	text-align: right;
}

#topheadings { /*index.html*/
	margin: 100px 60px 50px;
	text-align: center;
}

#cna { /*index.html*/
	padding: 10px 30px 10px;
	font-family: 'Forte', sans-serif;
	font-size: 13pt;
	color: #FFDAC8;
	text-shadow: 1px 1px #1B0000;	
	background-color: #BE2ED6;
	border-style: solid;
	border-color: #FFDAC8;
}

#tagline { /*index.html*/
	padding: 20px 60px 20px;
	font-family: 'Palatino', sans-serif;
	font-size: 13pt;
	color: #BE2ED6;
	text-shadow: 1px 1px #1B0000;	
}

#available { /*index.html*/
	padding: 20px 60px 20px;
	font-family: 'Palatino', sans-serif;
	font-size: 13pt;
	color: #BE2ED6;
	text-shadow: 1px 1px #1B0000;	
}

table, th, tr {
	margin-left: -46px;
	margin-right: -46px;
}

/*end of css for heading*/

/*******************************************/

/*css for paragraph*/

/*css first div*/

div.wrappercontainer {
	display: grid;
	margin: auto;
	justify-content: center;
}

div.wrapper1 { /*index.html*/
	display: flex;
}

div.wrapper2 { /*index.html*/
	display: flex;
}

div.wrapper3 { /*index.html*/
	display: flex;
	position: absolute;
	justify-content: right;
}

div.grid { /*index.html*/
	width: 43.8%;
	margin: 0 2% 1% 2%;
	padding: 1%;
	color: #BE2ED6;
	font-family: 'Arial', sans-serif;
	font-size: 10pt;
	text-shadow: 1px 1px #1B0000;	
	border-style: solid;
	border-color: #BE2ED6;
}

div.grid2 { /*index.html*/
	height: 90%;
	width: 20%;
	margin: 1% 2% 5% 2%;
	padding: 1%;
	color: #BE2ED6;
	font-family: 'Arial', sans-serif;
	font-size: 10pt;
	text-shadow: 1px 1px #1B0000;	
	border-style: solid;
	border-color: #BE2ED6;
}

div.grid3 { /*index.html*/
	height: 90%;
	width: 20%;
	margin: 1% 52% 5% 0;
	padding: 1%;
	color: #BE2ED6;
	font-family: 'Arial', sans-serif;
	font-size: 10pt;
	text-shadow: 1px 1px #1B0000;	
	border-style: solid;
	border-color: #BE2ED6;
}

div.grid4 { /*index.html*/
	height: 15%;
	width: 100%;
	margin: 0 1% 0 50%;
	padding: 1% 1% 20px 1%;
	color: #BE2ED6;
	font-family: 'Arial', sans-serif;
	font-size: 10pt;
	text-shadow: 1px 1px #1B0000;	
	border-style: solid;
	border-color: #BE2ED6;
	text-wrap: balance;
}

div.grid5 { /*index.html*/
	height: 80%;
	width: 50%;
	margin: 0 2% 0 1%;
	padding: 1% 1% 20px 1%;
	color: #BE2ED6;
	font-family: 'Arial', sans-serif;
	font-size: 10pt;
	text-shadow: 1px 1px #1B0000;
	border-style: solid;
	border-color: #BE2ED6;
}

/*end of css for paragraph*/

/*******************************************/

/*css for footer*/

footer {
	margin: 25% 20px 0%;
	padding: 20px 10px 20px;
	font-family: 'Forte', sans-serif;
	text-align: center;
	font-size: 13pt;
	color: #FFDAC8;
	background-color: #BE2ED6;
	max-width: auto;
	border-style: solid;
	border-color: #FFDAC8;
	-webkit-text-stroke-width: .001em;
	-webkit-text-stroke-color: #BE2ED6;
	text-shadow: 1px 1px #1B0000;
}	

/*end of css for footer*/

}
/*******End of Media Query - Breakpoint for Tablets between 641px and 1024px*******/	

/*************************************************************************/

/*Media Query - Breakpoint for Smartphones between 320px and 640px)*/
@media only screen and (min-width: 320px) and (max-width: 640px)
{
	
body {
	margin: 0;
	padding: 0;
	height: auto;
	width: auto;
	overflow: auto;
	background: #DFC5FE;
	background-size: cover;
}

/*css for top of webpage*/

h1 {
	font-family: 'Palatino', sans-serif;
	font-size: 20pt;
	color: #BE2ED6;
	text-shadow: 1px 1px #403939;
}

h2 { 
	margin: -32px 0 0 95px;
	font-family: 'Forte W01', sans-serif;
	font-size: 14pt;
	color: #FFDAC8;
	-webkit-text-stroke-width: .001em;
	-webkit-text-stroke-color: #BE2ED6;
	text-shadow: 1px 0px #645A6E;	
}

h3 {
	font-family: 'Palatino', sans-serif;
	font-size: 11pt;
	color: #BE2ED6;
	-webkit-text-stroke-color: #000000;
	text-shadow: 1px 0px #645A6E;
}

h4 {
	text-align: center;
	padding: 10px 10px 10px;
	font-family: 'Forte W01', sans-serif;
	font-size: 15pt;
	color: #FFDAC8;
	background-color: #BE2ED6;
	max-height: 80px;
	max-width: 280px;
	border-style: solid;
	border-color: #FFDAC8;
	-webkit-text-stroke-width: .001em;
	-webkit-text-stroke-color: #BE2ED6;
	text-shadow: 1px 0px #645A6E;
}

h5 {
	margin: 0;
	padding: 0px 8px 10px 0;
	font-family: 'Palatino', sans-serif;
	font-size: 9pt;
	color: #BE2ED6;
	max-width: 500px;
	-webkit-text-stroke-width: .001em;
	text-shadow: 1px 0px #645A6E;
}

/*end of css for top of webpage*/

/*******************************************/

/*css for heading*/

#logotext {
	margin: 80px 0 0 20px;
	text-align: left;
}

#contacttext {
	margin: 55px 20px 0 0;
	padding-bottom: -10px;
	text-align: right;
}

#topheadings {
	margin: 100px 0px 50px;
	text-align: center;
}

#cna {
	padding: 6px 10px 6px;
	font-family: 'Forte W01', sans-serif;
	font-size: 12pt;
	text-shadow: 1px 1px #1B0000;	
	color: #FFDAC8;
	background-color: #BE2ED6;
	border-style: solid;
	border-color: #FFDAC8;
}

#tagline { 
	padding: 10px 30px 10px;
	font-family: 'Palatino', sans-serif;
	font-size: 12pt;
	text-shadow: 1px 0px #645A6E;
	color: #BE2ED6;
}

#available {
	padding: 10px 30px 10px;
	font-family: 'Palatino', sans-serif;
	font-size: 12pt;
	text-shadow: 1px 0px #645A6E;
	color: #BE2ED6;
}

table, th, tr {
	margin-left: 2%;
	margin-right: 2%;
	height: 50px;
}

/*end of css for heading*/

/*******************************************/

/*css for paragraph*/

/*css first div*/

div.wrappercontainer {
	display: grid;
	margin: auto;
	max-width: 100%;
}

div.wrapper1 {
	display: flex;
}

div.wrapper2 {
	display: flex;
}

div.wrapper3 {
	display: flex;
}

div.grid {
	width: ;
	margin: 0 2% 1% 2%;
	padding: 1%;
	color: #BE2ED6;
	font-family: 'Arial', sans-serif;
	font-size: 8pt;
	text-shadow: 1px 0px #645A6E;
	border-style: solid;
	border-color: #BE2ED6;
}

div.grid2 {
	height: 100%;
	width: 50%;
	margin: 1% 2% 5% 2%;
	padding: 1%;
	color: #BE2ED6;
	font-family: 'Arial', sans-serif;
	font-size: 8pt;
	text-shadow: 1px 0px #645A6E;
	border-style: solid;
	border-color: #BE2ED6;
}

div.grid3 {
	height: 100%;
	width: 50%;
	margin: 1% 2% 1% 0;
	padding: 1%;
	color: #BE2ED6;
	font-family: 'Arial', sans-serif;
	font-size: 8pt;
	text-shadow: 1px 0px #645A6E;
	border-style: solid;
	border-color: #BE2ED6;
}

div.grid4 {
	height: 100%;
	width: 50%;
	margin: 6% 0% 0 2%;
	padding: 1% 1% 20px 1%;
	color: #BE2ED6;
	font-family: 'Arial', sans-serif;
	font-size: 8pt;
	text-shadow: 1px 0px #645A6E;	
	border-style: solid;
	border-color: #BE2ED6;
}

div.grid5 {
	height: 100%;
	width: 50%;
	margin: 6% 2% 0 2%;
	padding: 1% 1% 20px 1%;
	color: #BE2ED6;
	font-family: 'Arial', sans-serif;
	font-size: 8pt;
	text-shadow: 1px 0px #645A6E;
	border-style: solid;
	border-color: #BE2ED6;
}

/*end of css for paragraph*/

/*******************************************/

/*css for footer*/

footer {
	margin: 100px 20px 0;
	padding: 15px 20px 15px;
	font-family: 'Forte W01', sans-serif;
	text-align: center;
	font-size: 12pt;
	color: #FFDAC8;
	background-color: #BE2ED6;
	max-width: auto;
	border-style: solid;
	border-color: #FFDAC8;
	-webkit-text-stroke-width: .001em;
	-webkit-text-stroke-color: #BE2ED6;
	text-shadow: 1px 1px #1B0000;
}	

/*end of css for footer*/

}
/*******End of Media Query - Breakpoint for Smartphones between 320px and 640px****/