body { font-family: 'Exo 2', sans-serif;
	   font-size: 1em;
	   text-align: center;
	   margin: 20px auto;
	   max-width:80vw;
	   }

h1 {font-size: 4vw;}

.wrapper {
	display: grid;
	grid-template-columns: auto auto auto auto auto;
	max-width:65vw;
	margin: 20px auto;
	}

.cont {
	max-width:80vw;
	text-align: left;
	margin: 20px auto;
	}

/* .......................................................... ред 1*/ 
.item01 {
	grid-column-start: 1; 
	grid-column-end: 2; 
	grid-row-start: 1; 
	grid-row-end: 2; 
}

.item02 {
	grid-column-start: 2; 
	grid-column-end: 3; 
	grid-row-start: 1; 
	grid-row-end: 2; 
}

.item03 {
	grid-column-start: 3; 
	grid-column-end: 4; 
	grid-row-start: 1; 
	grid-row-end: 2; 
}

.item04 {
	grid-column-start: 4; 
	grid-column-end: 5; 
	grid-row-start: 1; 
	grid-row-end: 2; 
}

.item05 {
	grid-column-start: 5; 
	grid-column-end: 6; 
	grid-row-start: 1; 
	grid-row-end: 2; 
}

/* ..........................................................ред 2*/
.item06 {
	grid-column-start: 1; 
	grid-column-end: 2; 
	grid-row-start: 2; 
	grid-row-end: 3; 
}

.item07 {
	grid-column-start: 2; 
	grid-column-end: 3; 
	grid-row-start: 2; 
	grid-row-end: 3; 
}

.item08 {
	grid-column-start: 3; 
	grid-column-end: 4; 
	grid-row-start: 2; 
	grid-row-end: 3; 
}

.item09 {
	grid-column-start: 4; 
	grid-column-end: 5; 
	grid-row-start: 2; 
	grid-row-end: 3; 
}

.item10 {
	grid-column-start: 5; 
	grid-column-end: 6; 
	grid-row-start: 2; 
	grid-row-end: 3; 
}


/* .......................................................... ред 3*/

.item11 {
	grid-column-start: 1; 
	grid-column-end: 2; 
	grid-row-start: 3; 
	grid-row-end: 4; 
}

.item12 {
	grid-column-start: 2; 
	grid-column-end: 3; 
	grid-row-start: 3; 
	grid-row-end: 4; 
}

.item13 {
	grid-column-start: 3; 
	grid-column-end: 4; 
	grid-row-start: 3; 
	grid-row-end: 4; 
}

.item14 {
	grid-column-start: 4; 
	grid-column-end: 5; 
	grid-row-start: 3; 
	grid-row-end: 4; 
}

.item15 {
	grid-column-start: 5; 
	grid-column-end: 6; 
	grid-row-start: 3; 
	grid-row-end: 4; 
}
/* .......................................................... ред 4*/

.item16 {
	grid-column-start: 1; 
	grid-column-end: 2; 
	grid-row-start: 4; 
	grid-row-end: 5; 
}

.item17 {
	grid-column-start: 2; 
	grid-column-end: 3; 
	grid-row-start: 4; 
	grid-row-end: 5; 
}

.item18 {
	grid-column-start: 3; 
	grid-column-end: 4; 
	grid-row-start: 4; 
	grid-row-end: 5; 
}

.item19 {
	grid-column-start: 4; 
	grid-column-end: 5; 
	grid-row-start: 4; 
	grid-row-end: 5; 
}

.item20 {
	grid-column-start: 5; 
	grid-column-end: 6; 
	grid-row-start: 4; 
	grid-row-end: 5; 
}

/* .......................................................... ред 5*/

.item21 {
	grid-column-start: 1; 
	grid-column-end: 2; 
	grid-row-start: 5; 
	grid-row-end: 6; 
}

.item22 {
	grid-column-start: 2; 
	grid-column-end: 3; 
	grid-row-start: 5; 
	grid-row-end: 6; 
}

.item23 {
	grid-column-start: 3; 
	grid-column-end: 4; 
	grid-row-start: 5; 
	grid-row-end: 6; 
}

.item24 {
	grid-column-start: 4; 
	grid-column-end: 5; 
	grid-row-start: 5; 
	grid-row-end: 6; 
}

.item245{
	grid-column-start: 5; 
	grid-column-end: 6; 
	grid-row-start: 5; 
	grid-row-end: 6; 
}
/* .......................................................... край редове*/

/* следва форматиране грид*/

.item01, .item02, .item03, .item04, .item05, .item06, .item07, .item08, .item09, .item10,
.item11, .item12, .item13, .item14, .item15, .item16, .item17, .item18, .item19, .item20, 
.item21, .item22, .item23, .item24, .item25 {padding: 15px; border: solid 1px grey;}

.item01, .item02, .item03, .item04, .item05 {border-top: solid 2px grey;}
.item01, .item06, .item11, .item16, .item21 {border-left: solid 2px grey;}
.item05, .item10, .item15, .item20, .item25 {border-right: solid 2px grey;}
.item21, .item22, .item23, .item24, .item25 {border-bottom: solid 2px grey;}

.col04 {
	text-align: left;
	}

.row1 {
	font-weight: bold;
	padding-bottom: 20px;
	}

/* край  форматиране грид*/


.imgp {
	max-width:45%;
	max-height:45%;
	border: solid 1px grey;
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

.imgp1 {
	max-width:30%;
	max-height:30%;
	border: solid 1px grey;
	margin-left: auto;
	margin-right: auto;
	}



.var {
	padding: 7px;
	font-weight: bold;
	font-size: 1.2em;
	}

/* ----------- следват обикновени линкове ----------- */

a {text-decoration: none;
  padding: 3px;}
   
   /* unvisited link */
a:link {
	color: #55557c;
	}

  /* visited link ; mouse over link */
a:visited, a:hover  {
	color: #957859;
}	


/* ----------- следва линк - ВАРИАНТИ ----------- */


a.var:link, a.var:visited {
	background-color: #5b5b88;
	border: 2px;
	border-radius: 10px 5px;
	color: white;
	display: inline-block;
	font-size: 2vw;
	}

a.var:hover {
	background-color: #957859;
	color: white;
	font-size: 2vw;
}