body{
	
	background-size: cover;
	background: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)), url(../img/galery/pic_10.png);
	color: #fff;
	font-family: sans-serif;
	background-size: cover;
	background-attachment: fixed;
	margin: 0;
	padding: 0;	
	

}



a:link {
	color: rgb(230, 232, 236); 
	
  }
  a:visited {
	color: #EF7D55;
  }
  a:hover {
	color: #e01c95; 
	
  }
  a:active {
	color: #497DDD; 
	
  }

.grid {
	display: grid;
	grid-gap: 10px;
	grid-template-areas:
		"header"
		"article"
		"aside"
		"footer";
	max-width: 80%;
	position:absolute;        
	left: 10%;
	right: 10%;
}

header {
	grid-area: header;
	height: 180px;
	background-color: rgba(90, 91, 102, 0.507);
}

article {
	grid-area: article;
	background-color: rgba(90, 91, 102, 0.507);
	min-height: 400px;
	
}
article img{
	max-width: 100%;
	
}
aside {
	grid-area: aside;
	background-color: rgba(90, 91, 102, 0.507);
}


footer {
	grid-area: footer;
	background-color: rgba(90, 91, 102, 0.507);
	min-height: 100px;
	text-align: center;
}



@media (min-width: 640px) {
	.grid {
		grid-template-columns: 2fr 10fr;
		grid-template-areas:
			"header header"
			"aside article"
			"footer footer"
	}
}

.grid > * {	
	border: 1px solid rgb(202, 194, 194);
	border-radius: 5px;
	padding: 8px 15px;
	color: rgb(255, 255, 255);
	font-size: 18px;
	font-family: roboto;	
}

.logo-img img{
   height: 120px;
   weight: 120px;
}

.logo-text p{
	font-size: 25px;	
 }
 
 .links a{
	color: rgb(255, 255, 255);
 }

 .links img{
	height: 40px;
	weight: 40px;
 }

 .my-table1{
	display: table-row;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;	
 }