body {
 background: url("/fonn.jpg") #ddd;
 width: 100%;
 max-width: 1200px;
 color: #000;

 font-family: 'Roboto', sans-serif;

 font-size: 16px;

 margin: 0 auto;

}

p {
 display: inline-block;
 margin-left: 8px;
}

a {
 text-decoration: none;
 color: #2f4f4f;
}

a:hover {
 color: #0c9a9a;
 font-weight: 700;
 
}


li {
 margin: 0;
 list-style-type: none; /* Прячем исходные маркеры */
 }
 li::before {
 color: green; /* Цвет маркера */
 content: "»"; /* Сам маркер */
 padding-right: 10px; /* Расстояние от маркера до текста */
 }

/* header
================== */

.header {
 justify-content: center;
 text-align: center;


 padding-bottom: 5px;

 font-family: 'Lobster', cursive;
 font-size: 48px;
color: #2f4f4f;
 margin: 0 auto;
}


.header__logo {
width: 1200px;
text-align: center;
 background: #2f4f4f;
 padding: 15px;
 color: #fff;


}

.header_fixed {
 position: fixed;

}

/* content
=================== */

.content {
 background: #fff;
}

.content__title {
 width: 560px;
 background: #2f4f4f;
 padding: 10px;
 color: #fff;
 border-radius: 2px;
 margin-bottom: 5px;
}

.content__menu {
 display: flex;
 flex-direction: row;
 justify-content: space-between;



 padding: 0;


}

.title__menu {
 display: flex;
 flex-direction: row;
 justify-content: space-between;



 padding-top: 100px;


}

.page__menu {
 background: #fff;
 display: flex;
 flex-direction: row;
 justify-content: space-between;



 padding: 0;


}

.foot__title {
text-align: center;
 font-size: 16px;
 width: 1300px;
 background: #242727;
 padding: 15px;
 color: #fff;
 border-radius: 5px;
}

.foot__menu {
 display: flex;
 flex-direction: row;
 justify-content: center;





}

.mmmmm {
 background: #fff;
 width: 1200px;
 display: flex;
 flex-direction: row;
 box-shadow: 6px 6px 20px
 rgba(0, 0, 0, 0.5);

 margin: 40px auto;
}

.link {
display: flex;
 flex-direction: column;

}

.vk-fix {
left: 810px;
position: fixed;

}

.link_page_selector {
display: flex;
 flex-direction: column;

}

.link-img .side-image {

 width: 80px;
 height: 30px;
}

.link-menu {
 width: 550px;
 display: inline-flex;
 flex-direction: row;

 background: #fff;
 padding: 10px 15px 10px 15px;
 margin-bottom: 5px;

.link-menu:hover {
 box-shadow: 2px 2px 10px
 rgba(0, 0, 0, 0.5);
}

/* navi ==================== */

.nav {
 display: flex;
 width: 200px;
 justify-content: space-between;

 background: #fff;
 padding: 10px 10px 10px 10px;

}

.nav__link {
 border: 1px solid #2f4f4f;
 align-content: center;

}

.btn {
 border: 1px solid #2f4f4f;

 display: inline-block;
 vertical-align: top;
 padding: 15px 50px;
 margin: 20px;
 color: #2f4f4f;
 text-decoration: none;

 transition: background .1s linear;
}

.btn--red {
 background-color: #fff;
}

.btn--red:hover {
 background-color: #2f4f4f;
 color: #fff;
}