* { margin: 0; padding: 0; box-sizing: border-box; } html { font-family: "playfair-display", sans-serif; } .wrapper { width: 1152px; margin: 0 auto; } /* Top Nav */ .top-nav { position: fixed; left: 0; right: 0; background: #222; padding: 4px 0; z-index: 200; } .top-nav .wrapper { display: flex; justify-content: space-between; align-items: center; } .top-nav .search-icon { cursor: pointer; } .top-nav nav ul { display: flex; list-style: none; } .top-nav nav ul li a { color: #fff; text-decoration: none; margin: 0 20px; text-transform: uppercase; font-size: 14px; } /* Studies Section */ .header-wrapper { max-width: 1152px; margin: 0 auto; background: #000; height: 60vh; } .header-wrapper .studies { display: flex; } .header-wrapper .studies .studies-left, .header-wrapper .studies .studies-right { flex: 1; } .header-wrapper .studies .studies-left { align-self: center; padding-left: 80px; } .header-wrapper .studies h1.main-heading{ color:#fff; font-family: "Abril-Fatface-family"; font-size: 34px; padding: 0px 0px; } .header-wrapper .studies h2.subheading{ color:#fff; font-family: "arial"; font-size: 12px; padding-bottom: 20px; } a.btn { background: #f00; color: #000; text-decoration: none; padding: 8px 24px; display: inline-block; font-size: 16px; }