Полное описание

#wrapper { max-width: 1440px; width: 100%; } html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } body { margin: 0; } main { display: block; } h1 { font-size: 2em; margin: 0.67em 0; } hr { box-size: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } a { background-color: transparent; } abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ Оформление текста: подчеркивание пунктиром; /* 2 */ } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } [type="поиск"] { -webkit-appearance: textfield; /* 1 */outline-offset: -2px; /* 2 */ } [type="search"]:::-webkit-search-decoration { -webkit-appearance: none; } :root { --main-color: #ff6f69; } >* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } >*:before, >*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *::-webkit-input-placeholder { color: #666; opacity: 1; } *:-moz-placeholder { color: #666; opacity: 1; } *::-moz-placeholder { color: #666; Непрозрачность: 1; } *:-ms-input-placeholder { color: #666; opacity: 1; } body input:focus:required:invalid, body textarea:focus:required:invalid { color: #666; } body input:required:valid, body textarea:required:valid { color: #666; } html, body { height: 100%; } body { font-size: 16px; min-width: 320px; position: relative; line-height: 1.65; overflow-x: hidden; } .img-responsive { display: block; max-width: 100%; height:auto; } ::selection { background-color: #fff; color: #fff; } a, a:hover, a:focus, a:active { outline: none !important; text-decoration: none; color: #6c6c6c; } .grid-container { display: grid; max-width: 1200px; margin: 0 auto; } /*min-height:32vh;*/ header { width: 100%; } header .navbar { width: 100%; height: auto; display: grid; grid-template-columns: 2fr 4fr; grid-gap: 20px; position: relative; } header .navbar .logo { padding: 45px 0 0 20px; } header .navbar .logo img { width: 80%; } header .navbar .navigation ul li { position: relative; display: inline-block; } header .navbar .navigation .navigation-title h1, заголовок .navbar .navigation .navigation-title h2, header .navbar .navigation ul li a { font-family: 'Montserrat', sans-serif; font-weight: bold; } header .navbar .navigation ul li a { font-size: 16px; font-weight: medium; text-transform: uppercase; padding-right: 50px; }ul.submenu { background-color: white; min-width: 300px; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); } header .navbar .navigation .submenu li { background-color: white; transition-duration: 0.5s; clear: both; width: 100%; } header .navbar .navigation .submenu li:hover { background-color: #eeeeee; transition-duration: 0.5s; } header .navbar .navigation .submenu li a { font-family: 'Montserrat', sans-serif; font-weight: normal; font-size: 16px; padding: 5px 5px 5px 20px; display: встроенный блок; ширина: 100%; высота: 100%; } header .navbar .navigation .navigation-title h1 { font-size: 44px; color: #02375f; font-weight: bold; text-transform: uppercase; margin: 0; line-height: 1.20; padding-top: 40px; } header .navbar .navigation .navigation-title h2 { font-size: 36px; color: #02375f; font-weight: bold; text-transform: uppercase; margin: 0; line-height: 1.20; } .media-nav { display: none; }.active { color: #6dd6d6; } ul { list-style: none; padding: 0; } ul li a:hover { color: #6dd6d6; } ul ul ul { left: 100%; top: 0; } ul.menu .dropdown:hover>ul.submenu { visibility: visible; /* показывает подменю */ opacity: 1; transform: translateY(0%); transition-delay: 0s, 0s, 0.3s; } ul.submenu { visibility: hidden; opacity: 0; position: absolute; top: 100%; left: 0; width: 100%; transform: translateY(-2em); z-index: 999; transition: Все 0,3 с, 0 с, 0 с, видимость 0 с, линейные 0,3 с, z-индекс 0 с, линейные 0,01 с; } :root1; } *:-ms-input-placeholder { color: #666; opacity: 1; } body input:focus:required:invalid, body textarea:focus:required:invalid { color: #666; } body input:required:valid, body textarea:required:valid { color: #666; } html, body { height: 100%; } body { font-size: 16px; min-width: 320px; position: relative; line-height: 1.65; overflow-x: hidden; } .img-responsive { display: block; max-width: 100%; height: auto; } ::selection { background-color: #fff; color: #fff; } a, a: hover, a:focus, a:active { outline: none !important; text-decoration: none; color: #6c6c6c; } .grid-container { display: grid; max-widthbackground-color: #02375f; z-index: 99; position: relative; margin: -20px 20px 0 20px; } .header-subtitle h2 { color: white; font-family: 'Montserrat', sans-serif; font-weight: normal; font-size: 26px; text-align: center; padding: 0 26px; } .main .header-img .deco-layer { position: absolute; top: 0; background-image: url("https://terzzy.com/dev/dvstore/upper-banner.png"); background-size: cover; background-position: center; background-repeat: no-repeat; width: 20%; height: 99%; display: grid; align-items: center; justify-items: center; } .main .header-img .deco-layer .item { должность: родственник;