html, body{
	margin: 0px;
	font: 150% sans-serif;
	height: 100%;
}


/* ___________________________ main grid start ___________________________ */

body {
display: grid;
grid-gap: 10px;
grid-template-columns: 1fr 960px 1fr ;	
grid-template-rows:  100px 1fr 1fr ;
height: 100%;
background: #ffffff;
}

.ck__margin {
grid-row: 1;
}

.ck__content {
grid-column: 2;
}

#ck__margin_left {
grid-column: 1;
}

header {
grid-row: 1 ;
}

section {
grid-row: 2 ;
font: 100% sans-serif;
}

footer {
grid-row: 3;
}


#ck__margin_right {
grid-column: 3;
}


/* ___________________________ main grid end ___________________________ */

.ck__font_text {
font: 20px sans-serif;

}

.ck__center {

background: lightgrey;
border: 5px #4F4F4F solid;
border-radius: 10px;
padding: 0px;
text-align: center;
  
}





.ck__fixed {
background-color: white;
position: fixed;
top: 0;
height: 100px;
width: 960px;
display: grid;
grid-gap: 10px;
grid-template-columns: 1fr 1fr 1fr ;
}

#ck__header_I {
grid-column: 1;
background: white;
}

#ck__header_II {
grid-column: 2;
background: white;
}

#ck__header_III {
grid-column: 3;
background: white;
}





#ck__footer_grid {
background-color: aquamarine;
position: fixed;
bottom: 0;
height: 100px;
width: 960px;
display: grid;
grid-gap: 10px;
grid-auto-columns: 1fr 1fr 1fr ;
}

.ck__grid_bottom {
display: grid;
grid-auto-columns: 1fr;

}

.ck__item_bottom {
grid-column: 1;
align-self: end;
border: 0px solid black;
}

#ck__footer_I {
grid-column: 1;
background: yellow;
}

#ck__footer_II {
grid-column: 2;
background: orange;
}

#ck__footer_III {
grid-column: 3;
background: red;
}

#ck__logo_img {
height: 85px;
width:auto;
}