body{
  margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
	font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    vertical-align: baseline;  
}
a {
    transition: 0.2s ease-out;
}
.header {
    width: auto;
    height: 200px;
    background-image: url(/1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    align-items: center;    
    position:relative;
    
}

.header__title {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 0px;
    margin-left: 370px;
    margin-right: 10px;
    font-family: inherit;
    color: white;
}
.header__telefon {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 0px;
    margin-left: 370px;
    margin-right: 10px;
    font-family: inherit;
    color: white;
}
.header__menu{
    font-size: 35px;
    line-height: 50px;
    margin-top: 50px;
    margin-left: auto;
    margin-right: 10px;
    font-family: inherit;
    color: white;
}
.header__menu a{
    color: inherit;
    text-decoration: none;
}
.header__menu a: hover{
    text-decoration: underline;
}
.malchiki a{
    color: inherit;
    text-decoration: none;
}
.malchiki a: hover{
    text-decoration: underline;
} 

.malchiki{
 width: 900px;
    background-image: white;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
       
    position:relative;
    
}

.container{
    outline: 1px solid #000080;
    clear: both;
    content: "";
    display: table;

}
.text p {
   text-indent: 30px; 
}
.text2 p {
   text-indent: 30px; 
}
.text2{   
color: whitesmoke;
    background: #8B0000;
text-align:left;
    font-variant: small-caps;
    padding-left: 10px;
font-size: 20px;
    line-height: 20px;
    margin-bottom: 0px;
    font-family: inherit;
    float: left;
}
.name{
  width: 570px;   
  font-size: 25px;
    line-height: 50px;
    margin-left: 330px;
    color: #1729B0;
    font-family: inherit;
    float: left;
    background: #FFBF40;
    text-decoration: underline;
    
}

.text{
width: 570px;
height: 280px;    
color: whitesmoke;
    background: #8B0000;
text-align:left;
font-size: 20px;
    line-height: 20px;
    margin-bottom: 0px;
    margin-left: 330px;
    font-family: inherit;
    float: left;
}
.comment{
 color: #1729B0; 
text-align:left;
font-size: 20px;
    background: #FFBF40;
    line-height: 20px;
    margin-bottom: 0px;
    float: left;
    text-decoration: underline;
}
.foto{
    margin-top: -315px;
    margin-left: 15px;
    float: left;
}
.line{
    text-decoration: underline;
    text-indent: 30px;
}

.social a {
    text-align: center;
    width: 48px;
    height: 48px;
    float: left;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 2px 4px rgba(0,0,0,0.15), inset 0 0 50px rgba(0,0,0,0.1);
    border-radius: 24px;
    margin: 0 10px 10px 0;
    padding: 6px;
    color: #000;
}

.footer{
     width: auto;
    height: 500px;
    background: #FFBF40;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; 
    position:relative;    
}
.footer__blog{
  font-size: 40px;
    font-family: inherit; 
    margin-left: auto;
    margin-right: 10px;
    color: #1729B0;
    
}
.flooter__menu{
    text-decoration: underline;
    color: #1729B0;
}
.flooter__niz{
   width: auto;
    text-align: end;
    font-size: 45px;
    background: #8B0000;
    color: wheat;
    padding-right:20px;
    margin-bottom: 0px;
}
#feedback-form { /* вся форма */
  max-width: 570px;
  padding: 2%;
  border-radius: 3px;
  background: #f1f1f1;
}
#feedback-form label { /* наименование полей */
  float: left;
  display: block;
  clear: right;
}
#feedback-form .w100 { /* поля */
  float: right;
  max-width: 400px;
  width: 97%;
  margin-bottom: 1em;
  padding: 1.5%;
}
#feedback-form .border { /* граница полей */
  border-radius: 1px;
  border-width: 1px;
  border-style: solid;
  border-color: #C0C0C0 #D9D9D9 #D9D9D9;
  box-shadow: 0 1px 1px rgba(255,255,255,.5), 0 1px 1px rgba(0,0,0,.1) inset;
}
#feedback-form .border:focus {
  outline: none;
  border-color: #abd9f1 #bfe3f7 #bfe3f7;
}
#feedback-form .border:hover {
  border-color: #7eb4ea #97cdea #97cdea;
}
#feedback-form .border:focus::-moz-placeholder { /* убрать при фокусе первоначальный текст поля */
  color: transparent;
}
#feedback-form .border:focus::-webkit-input-placeholder {
  color: transparent;
}
#feedback-form .border:not(:focus):not(:hover):valid { /* правильно заполненные поля */
  opacity: .8;
}
#submitFF { /* кнопка "Отправить" */
  padding: 2%;
  border: none;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(0,0,0,.2) inset;
  background: #669acc;
  color: #fff;
}
#feedback-form br {
  height: 0;
  clear: both;
}
#submitFF:hover {
  background: #5c90c2;
}
#submitFF:focus {
  box-shadow: 0 1px 1px #fff, inset 0 1px 2px rgba(0,0,0,.8), inset 0 -1px 0 rgba(0,0,0,.05);
}
/*
<p class="footer__social-icons">
                     <a href="#" target="_blank">
                        <i class="fa fa-vk" aria-hidden="true"></i>
                        </a>  
                     <a href="#" target="_blank">
                    <i class="fa fa-twitter" aria-hidden="true"></i>
                     </a>
                     <a href="#" target="_blank">
                    <i class="fa fa-facebook" aria-hidden="true"></i>
                     </a>
                      <a href="#" target="_blank">
                    <i class="fa fa-instagram" aria-hidden="true"></i>
                     </a>
                      <a href="#" target="_blank">
                    <i class="fa fa-youtube" aria-hidden="true"></i>
                     </a>
                 </p>
"PT Sans Caption",sans-serif;
.rectangle{
width: 900px;
height: 205px;
border:0px solid;
margin:0;
background: black; 
border-radius: #00FF00 25px; }
right;
html,body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
	font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    vertical-align: baseline;
    
}
h1 {
color: white;
font-size: 40px;
margin-left: 350px; 
}
 width: 900px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    background-image: white;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: #00FF00 25px;
    
    
    display: flex;
    flex-direction: column;
    align-items: center
    justify-content: center;
        
    position:relative; 
margin-bottom: 0px;
<a href="https://pr-cy.ru/" target="_blank"><img src="//s.pr-cy.ru/counters/malchiki-po-vyzovu-kazan.ru" width="88" height="31" alt="Анализ сайта - PR-CY Rank"></a>
@import url(https://your-path-to-fontawesome/css/all.css);

.github a:hover {background: #191919; color: #fff;}
.youtube a:hover {background: #c4302b; color: #fff;}
.google-pluse a:hover {background: #DD4B39; color: #fff;}
.twitter a:hover {background: #00acee; color: #fff;}
.instagram a:hover {background: #3f729b; color: #fff;}
.facebook a:hover {background: #3b5998; color: #fff;}
.skype a:hover {background: #00aff0; color: #fff;}
.vk a:hover {background: #5d84ae; color: #fff;}
.odnoklassniki a:hover {background: #f93; color: #fff;}
.pinterest a:hover {background: #c8232c; color: #fff;}
.linkedin a:hover {background: #0e76a8; color: #fff;}
.telegram a:hover {background: #249bd7; color: #fff;}
.tumblr a:hover {background: #34526f; color: #fff;}
.windows a:hover {background: #125acd; color: #fff;}
.whatsapp a:hover {background: #50b154; color: #fff;}
.weibo a:hover {background: #d52b2b; color: #fff;}
.dropbox a:hover {background: #1087dd; color: #fff;}
p.clip {
    white-space: nowrap; /* Запрещаем перенос строк */
    overflow: hidden; /* Обрезаем все, что не помещается в область */
    background: #fc0; /* Цвет фона */
    padding: 5px; /* Поля вокруг текста */
    text-overflow: ellipsis; /* Добавляем многоточие */
   }
*/