.header{ padding: 25px 50px; margin: auto; background: var(--c-white); display: grid; grid-template-columns: 170px 450px 1fr 450px; gap: 50px; -webkit-box-shadow: 0px 3px 20px 4px rgba(34, 60, 80, 0.06); -moz-box-shadow: 0px 3px 20px 4px rgba(34, 60, 80, 0.06); box-shadow: 0px 3px 20px 4px rgba(34, 60, 80, 0.06); }
.header .logo{ width: 100%; margin: auto; } 
.header .logo img{ width: 100%; }

.header .menu{ margin: auto; width: 100%; }
.header .menu ul{ display: flex; justify-content: space-between; gap: 5px; }
.header .menu ul li{ font-size: 13px; font-weight: 500; }
.header .menu ul li a{ display: block; padding: 14px 19px 12px; border-radius: 11px; transition: background-color .3s ease; }
.header .menu ul li a:hover{ background-color: var(--c-seasalt); color: var(--c-earie); } 

.header .search form fieldset{ width: 100%; margin: auto; display: block; }
.header .search input[type="text"]{ background: var(--c-seasalt); border-radius: 11px; padding: 14px 19px 12px; font-size: 16px; border: 2px solid var(--c-white); font-weight: 500; width: calc(100% - 42px); }
.header .search input[type="text"]:focus{ border-color: var(--c-earie);  }

.header .search input[type="text"]::placeholder{ font-size: 13px; }

.header .contact ul{ display: flex; gap: 5px; justify-content: space-between; }
.header .contact ul li{margin: auto 0px; text-align: right; } 
.header .contact ul li a{ font-size: 21px; font-weight: 500; }
.header .contact ul li p{ font-size: 14px; margin-bottom: 5px; }
.header .contact ul li p a{ font-size: 14px; }