.block {
          width: 100%;
    height: 300px;
      background-color:DeepPink;

  }
 .block p {
      text-align: center;
      font-size: 30px;
      color: #fff;
      padding-top: 36px;

  }

  
   .col {
      color: green;
   }

body {
    /*background-color: way.jpg;*/
    background-image: url(way1.jpg);

}
.foot{
	width: 100%;
	height:150px;
	background-color:NavajoWhite;
}
.leaft{
    width: 100%;
    height:50%;
    background-color:DeepSkyBlue;

}

.logotype {
	float: left;

}

 .test{
   width: 300px;
   height: 300px;
   background-color: #800000;
   margin-left: 200px;

 }

 .test:hover{
   width: 300px;
   height: 300px;
   background-image: url(cat1.jpg);
   margin-left: 200px;

 }
.test1{
  width: 300px;
  height: 300px;
  background-color:#FFDEAD;
  margin-left: 200px;

}
.test1:hover{
	width: 300px;
	height: 300px;
	background-image: url(cat.jpg);
	margin-left: 200px;
}
 .H1{
	color:#B0E0E6 
	margin-top: 2px;

}
H1.hover{
	
}
.exam{
       margin-top: 100px;
       margin-left: 400px;
       width: 700px;
       height: 500px;
       background-image:url(тюльпаны.jpg);
       border: 2px solid green;
       box-shadow: 2px 10px 3px blue;
}
.exam h1 {
    text-align: center;
    text-shadow: 5px 3px 3px grey;
    font-size: 40px;
    color: blue;

}

.test2{
	width: 300px;
	height: 400px;
	background-color:#B0E0E6;
	margin-left: 600px;
	border: 2px solid blue;
    box-shadow: 2px 10px 3px blue;
}
.poez {
	font-size: 20px;
	color: #00008B ;
	margin: 0;
}

.e2{
width: 0; 
height: 0; 
margin-left: 600px;
border-width: 50px 30px 50px;
border-style: solid;
border-color: #C71585;
}

.e3{
width: 5px; 
height: 5px; 
margin: 1px 1px;
background: #02C986;
border-radius: 100%;
margin-left: 200px;
}

.d38 {
width: 2.5em; 
height: 2.5em; 
margin: 2em 4.5em 4em;
border-radius: 100% 0;
background: #FF00FF;
box-shadow: -3em 3em #FF00FF;
position: relative;
}
.d38:before, 
.d38:after {
content: "";
width: 2.5em; 
height: 2.5em; 
margin: 1em 3em;
border-radius: 0 100%;
background: #FF00FF;
position: absolute; 
left: -6em; 
top: -1em;
box-shadow: 3em 3em #FF00FF;
transform-origin: 2.75em 2.75em;
}
.d38:before {
transform: rotate(-30deg);
}
.d38:after {
transform: rotate(30deg);
}

}