body{ background-color: #85DADA; } header{ } header nav { background-color: #85DADA; } main{ background-color: #85DADA; } header nav a:hover { text-decoration: underline; } footer { background-color: #636363; padding-top: 15px; height: 64px; color: #ffffff; } .wrapper { min-height: 100%; /* Равно высоте подвала, */ /* но с учётом margin-bottom у последнего дочернего элемента */ margin-bottom: -64px; } .push { height: 64px; } img { display: block; height: auto; max-width: 100%; } .logo{ width: 60px; height: 60px;; } .Name{ color: #ffffff; font-size: 32px; } .goback{ color: #ffffff; font-size: 20px; } .nav-link{ font-size: 24px; } .header-text1{ font-size: 32px; } .header-text2{ font-size: 28px; } .form-item{ margin-left: 20px; } .img222{ display: none; } @media (max-width: 550px) { .form-item{ margin-right: 20px; } form{ display: inline; } .imgg1{ display: none; } } @media (max-width: 360px){ .img22{ display: none; } } @media (max-width: 270px){ .img22{ display: table; /*Отмена display: none*/ } .copywriter{ font-size: 14px; } } @media (min-width: 768px) { header nav { height: 64px; } /* .btn{ width: 70%; max-width: 200px; } */ } @media (max-width: 420px) { .header-text1{ font-size: 16px; } .header-text2{ font-size: 14px; } .bt2{ padding-left: 15px; } .coll1{ display: none; } /* .btn{ width: 70%; max-width: 200px; } */ .header{ margin-left: auto; margin-right: auto; font-size: 18px; } .btn1{ margin-left: 15px; margin-right: auto; } .btn btn-light{ width: 2rem; } .col-8{ width: 200px; } /* .row{ display: inline; } */ } @media (max-width: 765px){ .card{ margin-left: auto; margin-right: auto; } .header-text1{ font-size: 24px; } .header-text2{ font-size: 20px; } } @media (max-width: 600px) { .header-text1{ font-size: 18px; } .header-text2{ font-size: 16px; } .img1{ display: none; } .img22{ width: 100px; height:180px; } .logo5{ width: 80px; height: 60px; } .card{ margin-left: auto; margin-right: auto; } .img22{ width: 160px; height: 210px; } }