header{ transition: 0.2s; background-color: #fff; width: 100%; height: 10.75vw; position: fixed; z-index: 10;}.small_header{ height: 4.75vw;}#logo{ transition: 0.2s; margin: 0vw auto; width: 29vw; height: 14.5vw; background-image: url("../img/large_logo.png"); background-size: 29vw 14.5vw; background-repeat: no-repeat; z-index: 100;}.small_logo{ width: 9.5vw !important; height: 4.75vw !important; background-image: url("../img/medium_logo.png") !important; background-size: 9.5vw 4.75vw !important;}.menu_wrapper{ transition: 0.2s; margin: 0vw auto; width: 43vw; height: 2.25vw; margin-top: -6vw;}.small_menu_wrapper{ width: 30vw; height: 1.5vw; margin-top: -1.5vw;}.menu{ transition: 0.2s; display: grid; width: 100%; height: 100%; grid-template-rows: 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-gap: 1vw;}.small_menu{ display: grid; grid-template-columns: 1fr 1fr .6fr 1fr 1fr; grid-gap: .5vw;}.menu p{ transition: 0.2s; text-align: center; padding-top: .55vw; color: #000; font-size: .95vw; letter-spacing: .1vw;}.small_menu p{ padding-top: .3375vw; font-size: .7125vw;}.menu_1:hover, .menu_2:hover, .menu_3:hover, .menu_4:hover{ transition: .4s; background-color: #e3e3e3;}