.portfolio{display:flex;flex-direction:column;align-items:center;justify-content:start;text-align:center;background-color:#f4f5f6;padding:50px 0;position:relative}@media (min-width:768px){.portfolio{text-align:initial;padding:150px 50px 50px;justify-content:start;height:100vh}}@media (min-width:1200px){.portfolio{padding:150px 100px 50px;min-height:670px}}.portfolio__intro{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;margin-bottom:10px}@media (min-width:768px){.portfolio__intro{justify-content:start}}.portfolio__intro p{font-size:14px;text-transform:uppercase;margin-bottom:0}.portfolio__deco{border-top:1px solid var(--brand);height:1px;width:50px}.portfolio__text{margin-top:30px;margin-bottom:50px}.portfolio__links{padding:0 40px;bottom:40px}@media (min-width:768px){.portfolio__links{position:absolute;width:100%}}.portfolio__link{display:none}@media (min-width:768px){.portfolio__link{color:var(--secondtextcolor);font-weight:600;display:inline-block;margin-top:10px;margin-bottom:26px;border-bottom:2px solid transparent;padding-bottom:2px}}.portfolio__link:hover{color:var(--brand);border-color:var(--brand)}.portfolio__connect__links{width:100%}.portfolio__connect__link{background-color:#424242;border-radius:100px;font-size:18px;padding:8px}@media (min-width:768px){.portfolio__connect__link{border:1px solid #fff;background-color:#fff;color:#000;font-size:18px;padding:10px;border-radius:10px;flex:1 1;display:block}}.portfolio__name-links{display:none}@media (min-width:768px){.portfolio__name-links{display:inline}}.portfolio__connect__link:hover{border-color:var(--brand)}.portfolio__connect__link svg{color:#fff}@media (min-width:768px){.portfolio__connect__link svg{color:var(--brand)}}