#About{min-height:calc(100vh - (498px + 90px + 79px + 80px));}#About > div{width:60%;}#About .A{display:flex;align-items:center;}#About .A > .Headshot{display:inline-block;width:200px;height:200px;border:2px solid var(--BlueDark);margin:0;border-radius:50%;vertical-align:top;}#About .A > div{width:calc(100% - 250px);margin:0 0 0 auto;}#About .A > div > h1{font:unset !important;}#About .A > div > h1 > span{display:block;width:100%;}#About .A > div > h1 > span:nth-child(1){font:500 30px var(--Font) !important;margin:0 0 7px 0;}#About .A > div > h1 > span:nth-child(2){font:400 22px var(--Font) !important;margin:0 0 3px 0;}#About .A > div > h1 > span:nth-child(3){font:400 18px var(--Font) !important;}#About .A > div > .Social{margin:15px 0 0 0;}#About .A > div > .Social > a{display:inline-block;width:auto;height:auto;margin:0 7px;vertical-align:top;}#About .A > div > .Social > a:first-child{margin:0 7px 0 0;}#About .A > div > .Social > a:last-child{margin:0 0 0 7px;}#About .A > div > .Social > a > i{font-size:30px !important;color:var(--BlueDark);transition:color 0.3s ease;}#About .A > div > .Social > a:hover > i{color:var(--BlueLight);}#About .B > div:nth-child(1){display:inline-block;width:200px;margin:30px 50px 0 0;text-align:center;vertical-align:top;}#About .B > div:nth-child(1) > h3{color:var(--BlueDark);}#About .B > div:nth-child(1) > h3:first-child{margin:0 auto 7px auto;}#About .B > div:nth-child(1) > a{font:400 15px var(--Font) !important;margin:15px 0 0 0;text-decoration:underline;}#About .B > div:nth-child(1) > a > p{display:inline-block;font:unset !important;width:auto;margin:7px 0 0 0;}#About .B > div:nth-child(1) > a > p:first-child{margin:0;}#About .B > div:nth-child(2){display:inline-block;width:calc(100% - 250px);vertical-align:top;}#About .B > div:nth-child(2) > p::before{content:"\2003";}#About .B > div:nth-child(2) > p{font:400 18px var(--Font) !important;line-height:30px !important;margin:15px 0 0 0;}#Contact .BreakOut .A > form > input[type="submit"]{width:130px !important;}@media screen and (max-width:1200px){#About > div{width:80%;}}@media screen and (max-width:992px){#About .B{width:100%;margin:0 auto;}}@media screen and (max-width:768px){#About .A{display:block;}#About .A > .Headshot{display:block;margin:0 auto;}#About .A > div{width:100%;margin:15px auto 0 auto;text-align:center;}#About .B > div:nth-child(1){display:block;margin:30px auto 0 auto;}#About .B > div:nth-child(2){display:block;width:100%;margin:40px auto 0 auto;}}