* {
    margin: 0;
    padding: 0;
}

body {
	min-hight: 100vh;
	background-color: #faf4e6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #525252;
}

html {
	scroll-behavior: smooth;
	text-decoration: none;
}

h1 {
	color: #5c0602;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px 0px -6px 0px;
	font-size: max(1.8vw, 1.8em);
	font-weight: lighter;
}

p {
	color: #575656;
	font-family: Arial, Helvetica, sans-serif;
	font-size: max(1.2vw, 1.0em);
	line-height: 1.5;
}

p1 {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: max(2.5vw, 2.5em);
	font-weight: lighter;
}

p2 {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.2;
}


hr.foo {
  border-top: 1px solid white;
  margin: 5px 0px 5px 0px;
}


.atab {
	tab-size:10; 
	white-space: pre;
}


/*----------------------------------*/

header {
    	padding: 0px 4% 0px 4%;
    	display: flex;
	justify-content: center;
    	align-items: center;
	flex-wrap: wrap-reverse;
	gap: 50px;
	background: #5c0602;
	border-bottom: 2px solid #865628;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.navi {
	width: 74%;
    	padding: 0px 0px 0px 0px;
	text-align: right;
	border: 0px solid #000cff;
}

.logo {
	width: 18%;
    	padding: 20px 0px 20px 0px;
	text-align: left;
	border: 0px solid #ff0000;
}

@media (max-width: 1000px) {
	header {
	gap: 0px;
	text-align: center;
	padding: 0px 0px;
	}
	.navi {
	background: #dadada;
	width: 90%;
	}
	.logo {
	padding-top: 10px;
	width: 90%;
	}
}


/*----------------------------------*/


#fb_section {
	padding: 20px 50px 20px 50px;
	border: 0px solid #000000;
}

.flex_fb_container {
	border: 0px solid #000000;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.card_fb {
	width: 32px;
	border-radius: 50%;
	border: 2px solid #5c0602;
	padding: 10px 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

@media (max-width: 1000px) {
	#fb_section {
	padding: 10px 10px;
	}
	.card1 {
	width: 90%;
	padding: 10px 10px;
	}
}


/*----------------------------------*/


#footer_section {
	padding: 14px 10px 10px 10px;
	background-color: #280f02;
	border: 0px solid #FFFFFF;
}

.footer-flex_container {
	margin-top: 0px;
	display: flex;
	gap: 40px;
	justify-content: center;
	flex-wrap: wrap;
}

.footer-card1 {
	width: 200px;
	max-width: calc(90%);
	padding: 10px 10px;
	display: flex;
	flex-direction: column;
	vertical-align: top;
	gap: 2px;
	border: 0px solid #FFFFFF;
}

.footer-card2 {
	width: 350px;
	max-width: calc(90%);
	padding: 10px 10px;
	display: flex;
	flex-direction: column;
	vertical-align: top;
	gap: 2px;
	border: 0px solid #FFFFFF;
}

.footer-card3 {
	width: 280px;
	max-width: calc(90%);
	padding: 10px 10px;
	display: flex;
	flex-direction: column;
	vertical-align: top;
	gap: 2px;
	border: 0px solid #FFFFFF;
}

.footer-card4 {
	width: 150px;
	max-width: calc(90%);
	padding: 10px 10px;
	display: flex;
	flex-direction: column;
	vertical-align: top;
	gap: 2px;
	border: 0px solid #FFFFFF;
}

.footer-card5 {
	width: 430px;
	max-width: calc(90%);
	padding: 10px 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 2px;
	border: 1px solid #FFFFFF;
}

.footer-card1 p{
	font-size: 17px;
	color: #ffffff;
	line-height: 125%;
	text-align: left;
	border: 0px solid #ff0000;
}

.footer-card2 p{
	font-size: 17px;
	color: #ffffff;
	line-height: 125%;
	text-align: left;
	border: 0px solid #ff0000;
}

.footer-card3 p{
	font-size: 17px;
	color: #ffffff;
	line-height: 125%;
	text-align: left;
	border: 0px solid #ff0000;
}

.footer-card4 p{
	font-size: 17px;
	color: #ffffff;
	line-height: 125%;
	text-align: left;
	border: 0px solid #ff0000;
}

@media (max-width: 1000px) {
	.footer-card1 p {
	text-align: center;
	line-height: 125%;
	}
}

@media (max-width: 1000px) {
	.footer-card2 p {
	text-align: center;
	line-height: 125%;
	}
}

@media (max-width: 1000px) {
	.footer-card3 p {
	text-align: center;
	line-height: 125%;
	}
}

@media (max-width: 1000px) {
	.footer-card4 p {
	text-align: center;
	line-height: 125%;
	}
}

/*----------------------------------*/

#footer1_section {
	padding: 14px 0 14px 0;
	background-color: #5c0602;
	border: 0px solid #ff0000;
}

.footer1-flex_container {
	margin-top: 0px;
	display: flex;
	gap: 100px;
	justify-content: center;
	flex-wrap: wrap;
}

/*----------------------------------*/


a:link {color: #575656; text-decoration: none; font-size: 17px;}
a:visited {color: #575656; text-decoration: none; font-size: 17px;}
a:hover {color: #c38346; text-decoration: none; font-size: 17px;}

a.con:link {color: #525252; text-decoration: none; font-size: 18px;}
a.con:visited {color: #525252; text-decoration: none; font-size: 18px;}
a.con:hover {color: #EB5D39; text-decoration: underline; font-size: 18px;}

a.one:link {color: #ffffff; text-decoration: none; font-size: 17px;}
a.one:visited {color:#ffffff; text-decoration: none; font-size: 17px;}
a.one:hover {color:#c38346; text-decoration: none; font-size: 17px;}

a.two:link {color: #575656; text-decoration: none;}
a.two:visited {color:#575656; text-decoration: none;}
a.two:hover {color:#c38346; text-decoration: none;}

a.nav:link {text-decoration: none; font-size: 17px;}
a.nav:hover {text-decoration: none; font-size: 17px;}
a.navA:link {text-decoration: underline; font-size: 17px;}
a.icon:link {text-decoration: none;}