:root {
--site-color-01: #dbafc8;
--site-color-01-hover:rgb(87, 10, 10);
}
body{
background-color:#044d17;
}

h1{
font-size: 14px;
line-height: 12px;
color: #0c1990;
font-family: Arial;
font-weight: 600;

margin-bottom: 20px;
}


p{
font-size: 14px;
padding: 20px;
line-height: 18px;
color: #030303;
font-family: 'Times New Roman', Times, serif;


}

a {
font-size: 14px;
line-height: 18px;
color: #0d100d;
font-family: Arial;
cursor: pointer;
}



/* category section*/

h2 {
font-size: 20px;
line-height: 32px;
color: #252725;
font-family: fantasy;

text-transform: lowercase;

}
h3 {
font-size: 20px;
line-height: 32px;
color: #b64352;
font-family: Arial, Helvetica, sans-serif;


}


.wrapper-main {
	width:600px;
	max-width: 0 auto;
}

.footer-main {
	width:100%;
	padding:  60px 0 10px;
	background-color: #fefbfb;
}
.footer-main-flex {
	display: flex;
	justify-content:  center;
	flex-wrap: wrap;
}


.footer-testemoni {
	flex-basis: 20%;
	display: flex;
	justify-content: center;
	flex-wrap:wrap;
}

.footer-testemoni img {
	width: 20%;
	border-radius: 100px;
}

.footer-testemoni p {
	text-align: center;
	font-size: 16px;
	padding: 20px 20px 0;
}

.footer-getintouch a {
	padding:10px 20px ;
	margin: 40px 0 60px;
	border:  2px solid rgb(83, 127, 166);
	font-weight: 600;
	transform: all easy-in-out 100ms;
}
.footer-getintouch:hover{
	border: 2px solid var(--site-color-01);
}
.footer-sitemap {
	flex-basis: 100% ;
	display: flex;
}

.footer-sitemap ul:nth-child(1){
	flex-basis: 200px;
	border-left: 40px solid var(--site-color-01);
	list-style: none;
}


.footer-sitemap ul:nth-child(2) {
	flex-basis: 180px;
	display: flex;

}
.footer-sitemap ul:nth-child(3) {
	flex-basis: 340px;
}

.footer-sitemap p {
	text-transform: lower;
}

.footer-sitemap ul:nth-child(4) {
	flex-grow: 1;

}
.footer-sitemap ul:nth-child(4) li {
	clear: both;
	float: right;


}


.footer-sitemap a {
	line-height:  30px;
}

.footer-sitemap a:hover{
	opacity:  0.6;
}



.footer-getintouch {
	padding:  20px 10px;
	width: 300px;
	height: 200px;
	margin-left: 400px;
	border: 4px solid #1c1c1c;
font-size: 14px;
line-height: 18px;
color: #0fa523;
font-family: Arial;
font-weight: 200;
cursor: pointer;
transition: all ease-in-out 200ms;
}