:root{--text-color:#0d0d0d;--primary-color:#f2f2f2;--secondary-color:#595959;--accent-color-1:#a6a6a6;--accent-color-2:#262626;--font-primary:"Roboto",sans-serif;--font-secondary:"Montserrat",sans-serif;--font-bold:700}*{-webkit-box-sizing:border-box;box-sizing:border-box}body{background-color:var(--primary-color);color:var(--text-color);font-family:var(--font-primary);font-size:16px;line-height:1.6}h1{font-family:var(--font-secondary);font-size:30px;font-weight:var(--font-bold)}h2{font-family:var(--font-secondary);font-size:24px;font-weight:var(--font-bold)}h3{font-family:var(--font-secondary);font-size:18px;font-weight:var(--font-bold)}th{font-family:var(--font-secondary);font-size:18px;font-weight:var(--font-bold)}ul{-webkit-padding-start:0;padding-inline-start:0}li{list-style-type:none}a{position:relative;font-family:var(--font-secondary);text-decoration:none;color:var(--text-color);-webkit-transition:.2s color;-o-transition:.2s color;transition:.2s color}a::before{content:"";position:absolute;width:0;height:1px;bottom:0;left:0;background:var(--secondary-color);visibility:hidden;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}a:hover::before{visibility:visible;width:100%}a:focus,a:hover{color:var(--secondary-color)}a:active{opacity:.5}.button,button{border:none;font-family:inherit;background-color:var(--accent-color-2);color:var(--primary-color);text-decoration:none;padding:10px;border-radius:3px;border-bottom:2px solid var(--secondary-color);-webkit-transition:.2s opacity;-o-transition:.2s opacity;transition:.2s opacity}.button:focus,.button:hover,button:focus,button:hover{cursor:pointer;opacity:.8;text-decoration:none}.page-header{display:-webkit-box;display:-ms-flexbox;display:flex;width:95%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:2px solid var(--accent-color-1);margin:auto;margin-bottom:30px}.page-header__name{max-width:200px;font-size:30px;font-family:var(--font-secondary)}.page-header__item{-webkit-box-flex:0;-ms-flex:0 1 200px;flex:0 1 200px}.page-header__item:last-child{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-align:right}.navigation-list{list-style-type:none}.navigation-list li{display:inline-block;margin-left:15px}.navigation-list__item{color:var(--text-color)}.navigation-list__item--active{font-weight:var(--font-bold)}.profile{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-width:70%;max-height:525px;height:100%;margin:auto;padding-top:10px}.profile__container{height:100%;overflow:none;margin:20px;width:50%;min-width:350px}.profile__container img{height:100%;width:100%}.profile__text{padding-top:40px}.about{max-width:700px;margin:0 auto;text-align:center;margin-bottom:60px}.about__text{display:inline-block;vertical-align:middle;padding:40px 80px;width:90%;margin-bottom:30px;border-radius:3px;background-color:var(--accent-color-1)}.work{width:90%;margin:auto;margin-bottom:30px}.work h1{text-align:center}.grid__item{display:inline-block;width:33%;padding:10px}.case-study{max-width:80%;margin:0 auto;margin-bottom:60px}.case-study__text{padding:40px 60px;overflow:hidden;border-radius:3px;background-color:var(--accent-color-1)}.case-study__item{display:block;margin-bottom:10px}.case-study__img-1{max-width:40%;float:right;border-radius:2px;margin:20px;margin-top:0}.case-study__img-2{max-width:50%;float:left;border-radius:2px;margin-right:20px;margin-top:40px}.case-study__img-3{max-width:40%;float:right;border-radius:2px;margin:20px}.case-study span{font-weight:700}@supports (display:grid){.grid{display:-ms-grid;display:grid;-ms-grid-columns:1fr 20px 1fr;grid-template-columns:1fr 1fr;grid-gap:20px;justify-items:center;margin:0 auto;width:80%}.grid__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;background-color:var(--accent-color-1);width:auto;min-height:auto;margin:0;padding:5px 10px}}.contact{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;width:70%;margin:auto;margin-bottom:30px;text-align:center}.contact__form--input{width:90%;padding:10px;margin:10px 0;border-radius:3px;border:none}.contact__form--textarea{height:150px;resize:none}.contact__form--input:focus{outline:2px solid #595959}.page-footer{clear:both;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center}.page-footer__link:hover::before{visibility:hidden}@media all and (max-width:500px){.grid{-ms-grid-columns:1fr;grid-template-columns:1fr}.about__text{width:100%;padding:40px 20px;margin-bottom:0}}@media all and (min-width:500px) and (max-width:750px){.grid{-ms-grid-columns:1fr 20px 1fr;grid-template-columns:1fr 1fr}}@media all and (max-width:750px){.grid{grid-gap:10px}h1{font-size:22px}.profile{width:100%;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;margin:0;padding-top:400px;padding-bottom:400px}.profile__container{width:100%}.profile__text{padding:0}.page-header,.page-header__item,.page-header__item:last-child,.page-header__name{display:block;text-align:center;margin:auto;margin-bottom:10px}.about>svg{max-width:90%}.case-study__item img{display:none}.contact{width:100%}}