*{
	text-decoration: none;
	list-style: none;
	margin: 0;
	padding: 0;
}
footer{
background: #393939;
width: 100%;
}


/*Part One*/
.footer-part-one{
	display: flex;
	width: 70rem;
	margin: auto;
	justify-content: space-around;
	padding: 0px 0px 0px 0%;
}
@media only screen and (max-width: 1200px){
.footer-part-one{
	display: flex;
	flex-direction: column;
	width: 95%;
	margin: auto;
	padding: 0px 0px 0px 5%;
	justify-content: space-between;
}	
}
/*End of Part One*/







/*Top*/
#Header-top{
	display: flex;
	flex-direction: column;
	width: 15rem;
	text-align: justify;
}
@media only screen and (max-width: 1200px){
#Header-top{
	width: 50%;
}	
}
#Header-top h1{
	font-size: 16px;
	color: green;
	padding: 0px 0px 10px 0px;
}
#Header-top p{
	font-size: 12px;
	color: darkgray;
	margin-bottom: 0.9rem;
}
#Header-top i{
	margin-right: 0.5rem;
	color: blue;
	font-weight: bold;
}
#Header-top h2{
	font-size: 12px;
	color: green;
	padding: 0px 0px 10px 0px;
}
#Header-top h3{
	font-size: 16px;
	color: white;
	padding: 0px 0px 10px 0px;
	float: right;
}
.acomment{
	border: none;
	background: grey;
	width: 100%;
	color: white;
	font-size: 20px;
}
.send{
	float: right;
}

/*End of Top*/



/*Middle-two*/
.Middle-two{
	display: flex;
	flex-direction: column;
	width: 15rem;
	text-align: justify;	
}
@media only screen and (max-width: 1200px){
.Middle-two{
	width: 50%;
}	
}
.Middle-two h1{
	font-size: 18px;
	color: white;
	padding: 0px 0px 10px 0px;
	font-weight: bold;
}
.Middle-two li a{
	font-size: 12px;
	color: darkgray;
}
/*End of Middle-two*/


/*Middle-Three*/
.Middle-Three{
	display: flex;
	flex-direction: column;
	width: 15rem;
	text-align: justify;	
}
@media only screen and (max-width: 1200px){
.Middle-Three{
	width: 50%;
}	
}
.Middle-Three h1{
	font-size: 18px;
	color: white;
	padding: 0px 0px 10px 0px;
	font-weight: bold;
}
.Middle-Three li a{
	font-size: 12px;
	color: darkgray;
}
/*End of Middle-Three*/


/*Middle Three*/
.Middle-four{
	display: flex;
	flex-direction: column;
	width: 15rem;
	text-align: justify;	
}
@media only screen and (max-width: 1200px){
.Middle-four{
	width: 50%;
}	
}
.Middle-four h1{
	font-size: 18px;
	color: white;
	padding: 0px 0px 10px 0px;
	font-weight: bold;
}
.Middle-four i{
	color: blueviolet;
	margin-right: 0.8rem;
	font-weight: bold;
}
.Middle-four li a{
	font-size: 12px;
	color: darkgray;
}
/*End of Middle Three*/




/*Bottom*/
#Bottom{
	width: 40rem;
    margin: auto;
    flex-wrap: wrap;
    margin-top: 6vh;
}
@media only screen and (max-width: 1200px){
#Bottom{
	width: 100%;
	flex-wrap: wrap;
}
}

#header-infos{
	width: 100%;
}
.header-infos{
display: flex;
justify-content: space-around;
cursor: pointer;
}
.header-infos li a{
color: darkgray;
}
@media only screen and (max-width: 1200px){
.header-infos{
	width: 100%;
	flex-wrap: wrap;
}
.header-infos li{
margin-right: 2.5vh;
margin-bottom: 1.5vh;
}
}



/*Sabinst*/
#Sabinst{
margin-left: auto;
margin-right: auto;
display: table;
margin-top: 1vh;
margin-bottom: 4vh;
}
#Sabinst a{
cursor: pointer;
color: ghostwhite;
}

/*Sabinst*/
#reference{
margin-left: auto;
margin-right: auto;
display: table;
}
#reference a{
text-align: center;
color: green;
font-weight: bold;
}

/*End of Bottom*/