/* footer*/

*,*:befor,*:after{
	box-sizing: border-box;
}
 main{
 	display: -webkit-flex;
 	display: -moz-flex;
 	display: -ms-flex;
 	display: -o-flex;
 	align-items: center;
 	justify-content: center;
 	content: #9b9b9b;
 	
 
 
 	font-weight: bold;
 	padding-top: 7%;
 }

 main .column1{
	position: relative;
	line-height: 50px;
	width: 70%;
	transition: 0.6s;
	justify-content: space-between;
	
}

 
main .column1 .menu2{
	position: relative;
	display: flex;
	justify-content: space-between;
	list-style: none;
	user-select: none;
}


.column1{
	
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	display: flex;
	justify-content: left;
	
	background: #011c3e;
	box-shadow: 0 5PX 25PX rgb(1 2 0 / 50%);
	padding: 0 0;
	transition: 0.6s;

}

.menu2-item > a{
	color: #ffff;
	font-size: 17px;
	text-decoration: none;
	margin: 10px;
	padding: 20px 0;
	align-self: center;

}
.menu2-item > a:hover{
	color: #469DFF;
	transition: 0.3s;
}





 footer{
 	display: -webkit-flex;
 	display: -moz-flex;
 	display: -ms-flex;
 	display: -o-flex;
 	display: flex;
 	flex-flow: row wrap;
 	padding: 50px;
 	background-color: #011c39;
 	color: #fff;
 }

 .footer > *{
 	flex: 1 100%;
 }

 .footer-left{
 	margin-right: 2.25em;
 	margin-bottom: 2.0em;
 	display: flex;

 }
 .footer-left img{
 	width: 20%;
 	height: 30%;
 	border-radius: 20px;
 	margin-top: 6%;

 }
 h2{
 	font-weight: 600;
 	font-size: 17px;
 }
 .footer ul{
 	list-style: none;
 	padding-left: 0;
 }
 .footer li{
 	line-height: 2em;
 }

 .footer a{
 	text-decoration: none;
 }

 .footer-right{
 	display: -webkit-flex;
 	display: -moz-flex;
 	display: -ms-flex;
 	display: -o-flex;
 	display: flex;
 	flex-flow: row wrap;
 	
 }
 .footer-right > *{
 	flex: 1 50%;
 	margin-right: 1.25em;
 }
 .box a{
 	color: #999;
 }

 .footer-bottom{
 	text-align: center;
 	color: #999;
 	padding-top: 5px;
 }
 .footer-left p{
 	padding-right: 5%;
 	color: #999;
 	padding: 10px;
 }
 .socials a{
 	background: #364a62;
 	width: 40px;
 	height: 40px;
 	display: inline-block;
 	margin-right: 10px;
 	margin-top: 5px; 
 }

 .socials a:hover{
 	background-color: #333;
 }
 @media screen and (min-width: 640px){
 	.footer-right > *{
 		flex: 1;
 	}
 	.footer-left{
 		flex: 1 0px;
 	}
 	.footer-right{
 		flex: 2 0px;
 	}


 }
 @media (max-width:991.98px){
 	.footer{
 		padding: 15px;

 	}

 	main{
 		font-size: 55px;
		 display: block;
		 margin-left: 7%;
		 justify-content: center;

 	}


/*second menu2*/
 
main .column1 .menu2{
	position: relative;
	display: inline-++block;
	justify-content: space-between;
	list-style: none;
	user-select: none;

}


.column1{
	
	position: fixed;
	top: 0;
	left: 0;
	width: 50%;
	display: block;
	justify-content: left;
	
	background: #011c3e;
	box-shadow: 0 5PX 25PX rgb(1 2 0 / 50%);
	padding: 0 10;
	transition: 0.6s;


}

.menu2-item > a{
	color: #ffff;
	font-size: 17px;
	text-decoration: none;
	margin: 0px;
	padding: 30px 0;
	align-self: center;

}
.menu2-item > a:hover{
	color: #469DFF;
	transition: 0.3s;
}
.menu3 .readings a{
	font-size: 20px;
	font-weight: 200px;
	color: #36110A;
	align-items: center;
	text-decoration: none;
	margin: 2%;



 }}




/* end of css fo the footer*/