body {
	color:#0a6d67;
	width: 70%;
	margin:auto;
	font-family: 'Handlee', cursive;
}
* {
    box-sizing: border-box;
}
h1{
	font-size: 2.5rem;
	font-family: 'Poiret One', cursive;
	text-align: center;
}
h3{
	text-transform: uppercase;
}
.header{
	border-radius: 5px;
	margin: 0 auto;
	display:block;	
	width:100%;
	padding:1px;
	background-color:#76dfb4;
}
article{
	padding:7px;
	text-align:center;
}
.article1 > :first-child{
	color:rgb(116, 90, 235);
	text-transform: uppercase;
}
.content section article{
	width:33%;
}
section{
    display:flex;
	/* text-align:center; */

} 
.content {
	width: 80%;
	float:left;
	/* height:auto; */
	/* padding:1px; */
	margin-right:5px;
	border:1px solid rgb(155, 247, 239);
	text-align: center;
}
	#sidebar {
	width: 18%;
	float: right;
	height:auto;
	padding:1px
}
#sidebar img {
	width:70px;
	border-radius:50%;	
}
img{
    width:40%;
}

ul.nav-bar {
    list-style-type: none;
	display:flex;
	flex-wrap: wrap;
	justify-content: center; /* center kardane menu */
}
ul li{ 
	float: left; /*no need actually */
 }
ul li:after {
	content: "|"; padding: 0 .5em; 
}
ul li:last-child:after {
    content: "";
}

ul.nav-bar li a ,a {
	padding: 6px 15px;
	display: inline-block;
	text-decoration: none; 
	font-weight: bold;
	color:#3c948e;
}
ul.nav-bar a:hover   {
	background: #9ce0ec; 
	color: rgb(4, 51, 54); 
	border-radius: 5px;
}
p{
text-align: justify;
}

.footer{
	text-align:center;
	clear:both;
}
footer p {
	text-align: inherit;
}


/* section{
	display:flex;
	flex-wrap:wrap;
	text-align:center;
	vase center kardane h1 headere page!
}	*/


.forms{
	width:19%;
	border:1px solid rgb(114, 235, 214);
	float: right;
	/* max-height: auto; */
	padding:5px;
}
input ,textarea{
	width:100%;
	
}
.check-box{
	width:15px;
}

	@media screen and (max-width: 800px) {	
		#sidebar { 
		  clear:both; 
		  width:100%;
	   }
		.content
		 { 
		  width:100%;
		   }
		.forms{	   
		 width:100%;
		 padding:20px;
		   }
		textarea,input{
			max-width:120px;
			margin-left:20px;

		}   
	  }

/*
#forms{
float:left;	
width:100%;
height:auto;
padding:15px;
margin:0 auto;
border:1px solid red;
}
*/