body{margin:0;padding:0;font-family:Roboto,Arial,sans-serif;display:grid;grid-template-rows:50px 150px auto 50px;grid-template-columns:1fr 400px;grid-template-areas:"navigation navigation" "title title" "main-content about-us" "footer footer";min-height:100vh}#navigation{grid-area:navigation;background-color:#444;display:flex;justify-content:space-between;align-items:center;padding:0 20px;position:sticky;top:0;z-index:1000}#logo{display:flex;align-items:center}#logo img{height:30px;margin-right:10px}#phone-number a,#phone-number a:hover{color:#019299;flex:1;text-align:center;font-size:1.2em;text-decoration:none;}#nav-links{display:flex;align-items:center}#nav-links a{color:#fff;margin-left:15px;text-decoration:none}#nav-links a:hover{color:#019299}#hamburger-menu{display:none;flex-direction:column;cursor:pointer;color:#fff;font-size:2em}#title-banner{grid-area:title;height:150px;background-size:cover;background-position:center right;position:relative;text-align:right;color:#fff;padding:20px}#header-title{background-color:#373c38;position:absolute;right:0;padding:0 12px;border-top-left-radius:15px;border-bottom-left-radius:15px;top:35%;font-size:3em;font-weight:700;text-transform:uppercase}#main-content{grid-area:main-content;padding:20px;margin-top:10px}#about-us{grid-area:about-us;max-width:400px;width:100%;background-color:#444;margin-top:20px;color:#CCC}#about-us h3,#about-us p,#about-us ul{font-weight:300;line-height:30px}#about-us h3{color:#fff;font-size:1.375em;margin-bottom:-10px}#about-us p{font-size:1em}#about-us-content{padding-left:20px;padding-right:20px;padding-top:10px}#about-us a{color:#fff}#about-us-contact{list-style-type:none;margin-top:10px;padding:0}.fab{color:#CCC;padding-right:3px}#about-us-content a:hover,#footer a:hover,.fab:hover{color:#019299}#footer{grid-area:footer;background-color:#444;border-top:1px solid #fff;text-align:center;font-weight:300;height:50px;align-items:center}#footer,#footer a{color:#CCC;text-decoration:none}@media (max-width:1000px){#desktop-img{display:none}}@media (max-width:768px){body{grid-template-columns:1fr;grid-template-rows:50px 150px auto auto 70px;grid-template-areas:"navigation" "title" "main-content" "about-us" "footer"}#about-us{width:100%;max-width:none;margin-top:0}#nav-links{display:none;flex-direction:column;position:absolute;top:50px;left:0;right:0;background:#444;text-align:center;padding:10px}#nav-links a{margin:8px 0}#hamburger-menu{display:flex}#footer{height:70px;padding:0 20px}}