body {
margin: 0;
padding: 0;
font-size: 10px;
font-family: Times New Roman;
background:
  linear-gradient(135deg, red, pink 33%);}
.title {
  width: 1000px;
  margin: 0 auto;
  margin-top: 50px;
}
.title, text {
font-size: 2rem;
font-style: italic;
}
hr.hr-title {
  background: linear-gradient(to right, red, #d5f5d9);
  height: 2px;
  border: 0;
}
.top {
width: 100%;
background-color: red;
}
.top-content {
font-size: 1rem;
max-width: 1000px;
margin: 0 auto;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.top-content img {
width: 50px;
height: 30px;
margin: 3px;
margin-right: 3px;
}
.header {
width: 100%;
}
.header-content {
max-width: 1000px;
margin: 0 auto;
display: flex;
flex-direction: column;
justify-content: space-between;
margin-bottom: 20px;
}
.header-logo {
font-size: 2.5rem;
padding: 20px;
text-align: center;
}
.header-menu {
display: flex;
align-self: center;
}
nav ul li {
list-style-type: none;
width: 120px;
float: left;
text-align: center;
line-height: 30px;
border: 1px solid red;       
border-radius: 5px;
color: red;
margin-right: 20px;
font-weight: normal;
font-size: 1rem;
background-color: white;
}
nav ul li:hover {
cursor: pointer;
background-color: #ffc7c7;
border: 1px solid red;
color: red;
font-weight: normal;
box-shadow: 0 0 15px #ff5050;
}
nav ul li a {
text-decoration: none;
color: red;
}
.main {
max-width: 1000px;
}
.main-top {
position: relative;
}
.servises {
width: 600px;
height: 100px;
margin: 0 auto;
bottom: -80px;
position: absolute;
left: 0;
right: 0;
margin: auto
text-align: center;
box-shadow: 0 0 50px red;
border: 2px solid red;
border-radius: 10px;
font-size: 1.4rem;
background-color: white;
padding: 40px;
display: flex;
justify-content: space-between;
}
.services-item {
text-align: center;
}
.services-item img {
width: 100px;
}
.our-services {
max-width: 1000px;
margin: 0 auto;
margin-bottom: 50px;
display: flex;
justify-content: space-around;
text-align: center;
}
.our-services img {
border-radius: 50%;
border: 10px solid white;
width: 150px;
height: 150px;
}
.our-services, h1 {
color: black;
font-size: 1.6rem;
padding: 0;
font-style: italic;
}
.photogallery {
max-width: 1000px;
margin: 0 auto;
margin-bottom: 50px;
display: flex;
flex-direction: row;
justify-content: space-around;
flex-wrap: wrap;
}
.photogallery a img {
width: 150px;
height: 200px;
border-radius: 10px;
border: 1px solid silver;
box-shadow: 0 0 20px #444;
margin: 5px;
filter: grayscale(70%);
}
.photogallery img:hover {
filter: grayscale(0%);
cursor: pointer;
border: 1px solid white;
box-shadow: 0 0 20px #222;
}
.references {
max-width: 1000px;
margin: 0 auto;
}
.references-item {
display: flex;
}
.references-name {
font-size: 1.4rem;
font-weight: bold;
margin: 5px;
}
.references-type {
font-size: 1.2rem;
font-style: italic;
}
.references-text {
font-size: 1.2rem;
margin: 7px;
}
.cooperation {
max-width: 1000px;
margin: 0 auto;
display: flex;
flex-direction: row;
}
.cooperation img {
border-radius: 50%;
border: 8px solid white;
width: 80px;
}
.cooperation-text {
font-size: 1.2rem;
margin: 30px;
}
.cooperation-text a {
text-decoration: none;
color: #394cce;
font-weight: bold;
font-size: 1.6rem;
font-style: italic;
}
.contacts-text {
font-size: 1.2rem;
font-weight: bold;
margin: 5px;
}
.contacts-type {
font-size: 1rem;
font-style: italic;
margin-left: 10px;
font-weight: normal;
}
.footer {
width: 100%;
height: 150px;
}