@keyframes fadein {
  from {opacity: 0;}
  to {opacity: 0.8;}
}  
  
  *{
	padding: 0;
	margin: 0;
	text-decoration: none;
	list-style: none;
	box-sizing: border-box;
   }
 .img_head {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 50%;
  height: auto;
  border-radius: 8px;
  margin: 2% 2%;
  }  
		
   body{
	   font-family: MPLUS1p-font;
	}
   
   nav{
	   position: fixed;
	   background: #53534f;
	   height: 80px;
	   width: 100%;
	   z-index: 11;
	   opacity: 0.9;
	}
	nav .logo{
	   color: #c9cace;
	   font-size: 40px;
	   width: 100%;
	   line-height: 60px;
	   float: left;
	   padding: 0 10px;
	   font-weight: bold;
	   background: #53534f;
	} 
   
	 nav .logo a:link {
	  color: #c9cace;
	  text-decoration: none;
	}

	nav .logo a:visited {
		color: #c9cace;
	  text-decoration: none;
	}

	nav .logo a:hover {
		color: #c9cace;
	  text-decoration: none;
	}

	nav .logo a:active {
		color: #c9cace;
	  text-decoration: none;
	}  
  
	nav ul{
		width: 100%;
		float: left;
		margin-top: 0px;
		background: #53534f;
		z-index: 99;
	}
	nav ul li{
		display: inline-block;
		line-height: 30px;
		margin: 0 1px;
	}
	nav ul li a{
		color: #c9cace;
		font-size: 14px;
		text-transform: uppercase;
		padding: 2px 10px;
		border-radius: 3px; 
	}
	nav ul li a:hover{
		background: #3f3f3f;
		opacity: 0.9;
		transition: .5s;
	}
	
	.checkbtn{
		font-size: 20px;
		color: white;
		line-height: 60px;
		float: right;
		margin-right: 10px;
		cursor: pointer;
		display: none;
		}
	
	#check{
		display: none;
		}
	
	.hamburger{
		position: absolute;
		top: 15px;
		right: 15px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		width: 40px;
		height: 30px;
	}
	
	.hamburger .bar{
		height: 4px;
		width: 100%;	
		background-color: white;
		border-radius: 10px;
	}
	
   .ndline{
	   display: inline-block;
       text-align: center;
	   color: #c9cace;
	   font-size: 13px;
	   width: 100%;
	   line-height: 20px;
	   float: left;
	   padding: 0 10px;
	   background: #3f3f3f;
   } 		
	
	.footer {
	  position: fixed;
	  left: 0;
	  bottom: 0;
	  width: 100%;
	  font-size: 14px;
	  background-color: #53534f;
	  color: #c9cace;
	  text-align: center;
	  opacity: 0.8;
	  z-index: 11;
	}
	.o_mnie{
	  position: absolute;
	  left:10%;
	  top: 110px;
	  text-align: justify;
	  padding: 0px 20px;
	  width: 80%;
	  height: calc(100vh - 130px);
	  overflow-y: auto;
	  background-color: #c9cace; 
	  color: black;
	  opacity: 0.8;
	  z-index: 10;
	  animation: fadein 2s;
	  
	  }
	section{
		position: relative;
		top: 0px;
		padding: 40px 0px;
	    justify-content: center;
		background: url(bg4.jpg) no-repeat center;
		background-size: cover;
		min-height: calc(100vh);
		height: auto;
		background-color: #53534f;
		} 	
	.section1{
			top: 0px;
		}
	.section1 ol {
		padding: 0px 30px;
	}
	.section1 ol li {
	list-style: disc;
	}
	
	@media (max-width: 810px){
		nav .logo{
				font-size:30px;
				padding-left: 10px;
				}
	nav .ndline{
				font-size:11px;
				}
		.checkbtn{
				display: block;
				}		
	
		nav ul{
			position: fixed;
			width: 70%;
			background: #53534f;
			top: 80px;
			left: 200%;
			text-align: center;
			opacity: 1;
			transition: all .5s;
		}
		nav ul li{
			display: block;
			line-height: 50px;
			width: 100%;
			
		}
		nav ul li a{
			font-size:20px;
			width:100%;
			padding: 7px 40px;
		}
		nav a:hover{
		background: #262626;
		opacity: 1;
		transition: .5s;
		}
		nav .logo a:hover{
		background: #53534f;
		opacity: 0.9;
		transition: .5s;
		}
				
		input:checked ~ul{
			left: 30%;
		}
	
		section{
			top: 0px;	
			font-size:14px;			
		}
				
		.footer{
		font-size: 12px;
		}
		
		.o_mnie{
		text-align: left;
		}
		.img_head {
		max-width: 100%;
		}  
		
	}