.note {
    background: #92365D;
    padding: 2.3rem 0;
    width: 100vw;
    line-height: 1.2;
}

.note p {
    font-weight: 400;
    width: 80vw;
    max-width: 165rem;
    text-align: center;
}

/* homepage */

.herostripe {
    padding: 9.6rem 0 0 2.3rem;
    grid-template-columns: 1.5fr 1fr;
    grid-template-rows: 1fr 1fr 6fr 4fr 2fr;
    column-gap: 3.7rem;
}

.herostripe .grid {
    column-gap: 1.4rem;
}

.wavy--header::after {
    content: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 787 35' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd%3Bclip-rule:evenodd%3Bstroke-linejoin:round%3Bstroke-miterlimit:2%3B'%3E%3Cpath d='M787 0l-0 34.975c-127.614 -3.552 -255.228 -7.104 -386.395 -7.104c-131.167 -0 -265.886 3.552 -400.605 7.104l0 -34.975l787 0Z' style='fill:%23d3e7e5%3Bfill-rule:nonzero%3B'/%3E%3C/svg%3E");
}

.herostripe p {
    line-height: 1.2;
    width: 75%;
}

.herostripe .img-header {
    grid-row: 1/6;
    width: 100%;
    align-self: center;
}


.contact-info {
    grid-template-columns: 2fr 2fr 1fr 1fr 1fr 1fr;
    column-gap: 5%;
    height: 7rem;
}

.contact-info .social-media {
    grid-row: 1/3;
    width: 6rem;
    padding: 0.5rem;
    align-self: center;
    justify-self: end;
    transition: all 0.3s ease-in-out;
}

.contact-info .social-media:hover {
    width: 6.2rem;
    padding: 0;
}

.Linkedin {
    grid-column: 3;
}

.Behance {
    grid-column: 4;
}

.Facebook {
    grid-column: 5;
}

.Insta {
    grid-column: 6;
}

/* portfilio section */

.wavy {
    width: 100vw;
    /* overflow: hidden; */

}

.wavy::before,
.wavy::after {
    display: block;
    width: 105vw;
    position: relative;
    z-index: -1;

}

.wavy::before {
    transform: translate(-0.9rem, 0.5rem);
}

.wavy::after {
    transform: translate(-0.9rem, -0.5rem);
}

.wavy--RR::before {
    content: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 1079 92' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd%3Bclip-rule:evenodd%3Bstroke-linejoin:round%3Bstroke-miterlimit:2%3B'%3E%3Cg id='RR-Top' serif:id='RR Top' transform='matrix(0.998466 0 0 0.084433 0 0)'%3E%3Crect x='0' y='0' width='1080' height='1080' style='fill:none%3B'/%3E%3Cg transform='matrix(1.00154 0 0 11.8437 0 0)'%3E%3Cpath d='M0 91.188L0 8.51C127.469 3.019 255.282 0.964 382.686 9.326C498.888 16.953 614.074 36.819 730.672 39.029C847.288 41.239 963.521 27.376 1078.34 8.256L1078.34 91.188L0 91.188Z' style='fill:rgb(211 231 229)%3B'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.wavy--RR::after {
    content: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 1079 96' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd%3Bclip-rule:evenodd%3Bstroke-linejoin:round%3Bstroke-miterlimit:2%3B'%3E%3Cg transform='matrix(1 0 0 1 0 -104)'%3E%3Cg id='RR-bottom' serif:id='RR bottom' transform='matrix(0.998466 0 0 0.08838 0 104.111)'%3E%3Crect x='0' y='0' width='1080' height='1080' style='fill:none%3B'/%3E%3CclipPath id='_clip1'%3E%3Crect x='0' y='0' width='1080' height='1080'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23_clip1)'%3E%3Cg transform='matrix(1.00154 0 0 11.3148 0 -1177.99)'%3E%3Cpath d='M0 104.111L0 186.775C134.913 192.259 269.841 200.155 404.936 198.156C529 196.32 652.632 184.577 776.627 180.94C877.197 177.989 977.928 181.617 1078.34 186.874L1078.34 104.111L0 104.111Z' style='fill:rgb(211 231 229)%3B'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.wavy--TD::before {
    content: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 1079 85' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd%3Bclip-rule:evenodd%3Bstroke-linejoin:round%3Bstroke-miterlimit:2%3B'%3E%3Cg transform='matrix(1 0 0 1 -1219 -7)'%3E%3Cg id='TD-Top' serif:id='TD Top' transform='matrix(0.998466 0 0 0.0772996 1219.61 7.70413)'%3E%3Crect x='0' y='0' width='1080' height='1080' style='fill:none%3B'/%3E%3CclipPath id='_clip1'%3E%3Crect x='0' y='0' width='1080' height='1080'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23_clip1)'%3E%3Cg transform='matrix(1.00154 0 0 12.9367 -1221.49 -99.6659)'%3E%3Cpath d='M1219.61 91.188L1219.61 8.543C1298.76 23.858 1378.41 37.538 1458.7 45.403C1547.53 54.106 1636.79 56.658 1725.96 58.986C1917.63 63.989 2110.74 51.061 2297.96 8.125L2297.96 91.188L1219.61 91.188Z' style='fill:rgb(211 231 229)%3B'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.wavy--TD::after {
    content: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 1079 85' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd%3Bclip-rule:evenodd%3Bstroke-linejoin:round%3Bstroke-miterlimit:2%3B'%3E%3Cg transform='matrix(1 0 0 1 -1219 -104)'%3E%3Cg id='TD-bottom' serif:id='TD bottom' transform='matrix(0.997629 0 0 0.0782489 1219.61 104.111)'%3E%3Crect x='0' y='0' width='1080' height='1080' style='fill:none%3B'/%3E%3Cg transform='matrix(1.00238 0 0 12.7797 -1222.51 -1330.51)'%3E%3Cpath d='M1219.61 104.111L1219.61 186.792C1310.53 179.766 1401.48 173.037 1492.38 165.798C1621.84 155.489 1751.74 140.147 1881.9 143.966C2021.09 148.051 2158.9 171.408 2297.05 186.41L2297.05 104.111L1219.61 104.111Z' style='fill:rgb(211 231 229)%3B'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.wavy--UB::before {
    content: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 1079 86' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd%3Bclip-rule:evenodd%3Bstroke-linejoin:round%3Bstroke-miterlimit:2%3B'%3E%3Cg transform='matrix(1 0 0 1 -2437 -6)'%3E%3Cg id='UB-Top' serif:id='UB Top' transform='matrix(0.998466 0 0 0.0782489 2437.57 6.67884)'%3E%3Crect x='0' y='0' width='1080' height='1080' style='fill:none%3B'/%3E%3CclipPath id='_clip1'%3E%3Crect x='0' y='0' width='1080' height='1080'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23_clip1)'%3E%3Cg transform='matrix(1.00154 0 0 12.7797 -2441.31 -85.3538)'%3E%3Cpath d='M2437.57 91.188L2437.57 8.818C2579.41 32.021 2721.86 58.111 2866.02 59.058C2981.09 59.814 3132.88 38.894 3323.38 23.669C3387.55 18.54 3451.71 13.356 3515.91 8.693L3515.91 91.188L2437.57 91.188Z' style='fill:rgb(211 231 229)%3B'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.wavy--UB::after {
    content: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 1079 85' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd%3Bclip-rule:evenodd%3Bstroke-linejoin:round%3Bstroke-miterlimit:2%3B'%3E%3Cg transform='matrix(1 0 0 1 -2437 -104)'%3E%3Cg id='UB-bottom' serif:id='UB bottom' transform='matrix(0.998466 0 0 0.0782489 2437.57 104.111)'%3E%3Crect x='0' y='0' width='1080' height='1080' style='fill:none%3B'/%3E%3CclipPath id='_clip1'%3E%3Crect x='0' y='0' width='1080' height='1080'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23_clip1)'%3E%3Cg transform='matrix(1.00154 0 0 12.7797 -2441.31 -1330.51)'%3E%3Cpath d='M2437.57 104.111L2437.57 186.625C2553.55 171.064 2670.26 158.095 2787.45 157.985C2920.15 157.862 3052.3 171.689 3184.66 178.99C3294.95 185.075 3405.45 188.369 3515.91 186.672L3515.91 104.111L2437.57 104.111Z' style='fill:rgb(211 231 229)%3B'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}


.wavy--About::before {
    content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg width='100%25' height='100%25' viewBox='0 0 540 43' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd%3Bclip-rule:evenodd%3Bstroke-linejoin:round%3Bstroke-miterlimit:2%3B'%3E%3Crect id='About-Top' serif:id='About Top' x='0' y='0' width='539.172' height='42.254' style='fill:none%3B'/%3E%3CclipPath id='_clip1'%3E%3Crect x='0' y='0' width='539.172' height='42.254'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23_clip1)'%3E%3Cpath d='M-23 -3.931l36.8 6.44c36.801 6.44 110.402 19.32 184.003 25.055c73.601 5.612 147.203 4.385 220.804 2.852c73.601 -1.533 147.202 -2.76 220.803 -7.145c73.601 -4.202 147.203 -11.562 220.804 -15.027c73.601 -3.588 147.202 -3.588 220.803 -1.442c73.601 2.147 147.202 6.44 220.804 10.028c73.601 3.466 147.202 6.533 220.803 7.851c73.601 1.442 147.202 1.442 220.804 2.147c73.601 0.828 147.202 2.055 220.803 0.736c73.601 -1.441 147.202 -5.735 220.804 -5.735c73.601 0 147.202 4.294 220.803 1.442c73.601 -2.975 147.202 -12.789 220.803 -14.322c73.602 -1.533 147.203 5.827 220.804 7.145c73.601 1.442 147.202 -2.852 220.803 -0.705c73.602 2.147 147.203 10.734 220.804 13.586c73.601 2.974 147.202 -0.092 220.803 -5.704c73.602 -5.735 147.203 -14.322 220.804 -17.91c73.601 -3.465 147.202 -2.239 220.803 -1.411c73.601 0.706 147.203 0.706 220.804 -0.736c73.601 -1.318 147.202 -4.385 220.803 0c73.601 4.202 147.203 15.855 220.804 21.467c73.601 5.735 147.202 5.735 220.803 3.588c73.601 -2.146 147.203 -6.44 220.804 -10.028c73.601 -3.465 147.202 -6.532 184.003 -7.851l36.8 -1.441l0 30.054l-5299.28 -0l-0 -42.934Z' style='fill:%23d3e7e5%3Bfill-rule:nonzero%3B'/%3E%3Crect x='-2.46' y='36.124' width='541.632' height='10.255' style='fill:%23d3e7e5%3B'/%3E%3C/g%3E%3C/svg%3E");
}

.wavy--About::after {
    content: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 1080 85' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd%3Bclip-rule:evenodd%3Bstroke-linejoin:round%3Bstroke-miterlimit:2%3B'%3E%3Cg transform='matrix(1 0 0 1 -3561 -104)'%3E%3Cg id='About-bottom' serif:id='About bottom' transform='matrix(0.998466 0 0 0.0782489 3561.91 104.111)'%3E%3Crect x='0' y='0' width='1080' height='1080' style='fill:none%3B'/%3E%3CclipPath id='_clip1'%3E%3Crect x='0' y='0' width='1080' height='1080'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23_clip1)'%3E%3Cg transform='matrix(0.614285 0 0 -7.83836 -813.412 1215.85)'%3E%3Cpath d='M0 0L120 21C240 42 480 84 720 102.7C960 121 1200 117 1440 112C1680 107 1920 103 2160 88.7C2400 75 2640 51 2880 39.7C3120 28 3360 28 3600 35C3840 42 4080 56 4320 67.7C4560 79 4800 89 5040 93.3C5280 98 5520 98 5760 100.3C6000 103 6240 107 6480 102.7C6720 98 6960 84 7200 84C7440 84 7680 98 7920 88.7C8160 79 8400 47 8640 42C8880 37 9120 61 9360 65.3C9600 70 9840 56 10080 63C10320 70 10560 98 10800 107.3C11040 117 11280 107 11520 88.7C11760 70 12000 42 12240 30.3C12480 19 12720 23 12960 25.7C13200 28 13440 28 13680 23.3C13920 19 14160 9 14400 23.3C14640 37 14880 75 15120 93.3C15360 112 15600 112 15840 105C16080 98 16320 84 16560 72.3C16800 61 17040 51 17160 46.7L17280 42L17280 140L0 140L0 0Z' style='fill:rgb(211 231 229)%3Bfill-rule:nonzero%3B'/%3E%3C/g%3E%3Cg transform='matrix(1.80237 0 0 12.7797 -6415.96 -1330.51)'%3E%3Crect x='3556.99' y='99.437' width='601.944' height='20.51' style='fill:rgb(211 231 229)%3B'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.home-strip {
    width: 100vw;
    grid-template-rows: auto;
    text-align: right;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wavy .home-strip {
    background-color: #D3E7E5;
    text-align: left;
    padding-bottom: 0;
}


.home-strip section .grid--cols--2--right {
    margin-right: 40%;
}

.home-strip section .grid--cols--2--left {
    margin-left: 40%;
}

.home-strip section .grid--cols--2--right {
    justify-self: end;
    align-self: center;
    padding-right: 0;
}

.grid--cols--2--left {
    align-self: center;
    /* width: 80%; */
}

.grid--cols--2--right {
    align-self: end;
    /* width: 80%; */
}

.home-strip section h2 {
    margin-top: 3rem;
    font-size: 3.6rem;
    font-weight: 400;
}

.home-strip section a h4 {
    font-size: 1.3rem;
    font-weight: 500;
}

.home-strip section a {
    padding: 0.9rem 0;
}

.home-strip--p {
    width: 80%;
    max-width: 50rem;
    line-height: 1.2;
    font-size: 1.8rem;
    font-weight: 400;
}

.home-strip section .read-more {
    font-size: 1.8rem;
    font-weight: 500;

}

.home-strip_img {
    grid-row: 1/5;
    padding: 2.3rem 0;
    width: 40%;
}

.BM-h4 {
    display: flex;
    justify-content: end;
    padding-right: 15.5rem;
    align-items: center;
}

.BM-h4 a:first-child {
    margin-right: 3.7rem;
}

/* About section */

.wavy--About .grid--cols--2 {
    grid-template-rows: repeat(3, 1fr);
}

.wavy--About .home-strip .container .home-strip_img {
    grid-row: 1/4;
}

.wavy--About .home-strip .container h2,
.wavy--About .home-strip .container p,
.wavy--About .home-strip .container a {
    justify-self: center;
    padding: 0;
    margin-right: 0;
    margin-left: 0;
}

.wavy--About .home-strip .container h2 {
    align-self: end;
}

.wavy--About .home-strip .container p {
    margin-top: 1.4rem;
}

.wavy--About .home-strip .containe a {
    align-self: start;
}

/* Skill section */

.skill_section {
    width: 100%;
    justify-items: center;
    align-items: start;
    row-gap: 1.4rem;
}


.skills {
    align-self: start;
}


.skill_section i {
    font-size: 7.2rem;
    color: #fff;
}

.skill_section h4 {
    text-align: center;
    margin: 1.4rem 0;
}

.skills_down {
    margin-top: 9.6rem;
}

/* Process */

.process h4 {
    margin-top: 2.3rem;
}

.process .grid {
    gap: 5.9rem;
    align-items: end;
}

.process_GD {
    grid-column: 1/2;
}

.process_Both {
    grid-column: 2/3;
}

.process_UI {
    grid-column: 3/4;
}

.process_GD p,
.process_Both p,
.process_UI p {
    line-height: 1.2;
    padding-top: 2.3rem;
}

.process section img {
    max-width: 37rem;
    width: 75%;
}

/* contact form */

.form-container {
    background-image: url("assets/Home/form stripes.svg");
    background-size: 30%;
    border: solid white 5px;
    width: 75vw;
    height: 52.5vw;
    max-width: 90rem;
    max-height: 63rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

form {
    grid-template-rows: 1fr 4fr 4fr 4fr 1fr;
    row-gap: 1.4rem;
    width: 70vw;
    height: 47.5vw;
    max-width: 84rem;
    max-height: 58.8rem;
    background-color: white;
}

.form-heading {
    grid-column: 1/-1;
    grid-row: 1;
    align-self: center;
    text-align: center;
    justify-items: center;
    align-items: center;
    padding: 3.7rem 3.7rem 0;
}

.form-heading h1 {
    font-family: "Montserrat", sans-serif;
    font-size: 5.1rem;
    font-weight: 400;
    justify-self: start;
    align-self: center;
}

.stamp {
    justify-self: end;
    width: 9.6rem;
    padding: 3rem 1.4rem;
    font-size: 1.4rem;
    font-weight: 300;
    background-color: #809bce;
}

input,
textarea {
    font-family: inherit;
    color: inherit;
    font-size: 1.8rem;
    border: none;
}

.form-input:hover,
textarea:hover {
    outline: solid #809bce 3px;
}

.message-box {
    grid-column: 1;
    grid-row: 2/-1;
    padding: 2.3rem;
    border-right: solid #cecece 1px;
    height: 90%;
    align-self: center;
    margin: 0 0 3.7rem 3.7rem;
}

.right {
    grid-column: 2;
    margin-right: 3.7rem;
}

.form-input {
    justify-self: center;
    align-self: end;
    padding: 2.3rem;
    width: 90%;

    border-bottom: solid #cecece 1px;
}

.btn_contact,
.btn_contact:link,
.btn_contact:visited {
    cursor: pointer;
    height: 60%;
    width: 95%;
    padding: 2.3rem 0;
    background-color: #809bce;
    border: solid #809bce 3px;
    color: #121212;
    font-weight: 500;
    text-align: center;
    justify-self: start;
    align-self: end;
    margin-bottom: 3.7rem;
    transition: all 0.3s;
}

.btn_contact:focus,
.btn_contact:hover {
    border: solid #b3c3e2 3px;
}

.btn_contact:active {
    border: solid #809bce 3px;
    background-color: white;
    color: #809bce;
}


/* About page */

.about {
    grid-template-columns: 40% 1fr;
    row-gap: 2.3rem;
    column-gap: 5.1rem;
}

.about h2 {
    font-size: 5.1rem;
    align-self: end;
    width: 90%;
    line-height: 1.2;
}

.about p {
    width: 90%;
    line-height: 1.5;
}

.about br {
    margin-bottom: 2.3rem;
}

.about section {
    grid-row: 2/4;
    width: 100%;
    max-width: 57.5rem;
    align-self: start;
    justify-self: end;
}

.about section img {
    grid-column: 1/3;
}

.about section a {
    display: block;
    padding-top: 2.3rem;
}

/* Protfolio pages */

.portfolio_grid {
    width: 85vw;
    max-width: 165rem;
    display: grid;
    grid-template-columns: max-content 2fr max-content 3fr;
    grid-template-rows: 3fr 2fr max-content max-content max-content max-content max-content;
}

.portfolio_svg {
    grid-row: 1/8;
    height: 100vh;
    position: sticky;
    top: 0;
    z-index: -5;
    grid-column: 1;
}

.portfolio_svg-end {
    grid-column: 3;

}

.portfolio_grid .wavy {
    width: 100%;
    grid-column: 2;
}

.portfolio_text,
.portfolio_grid h2,
.portfolio_grid a,
.portfolio_grid h3 {
    width: 100%;
    background-color: #D3E7E5;
    grid-column: 2;
    padding: 1.4rem 0;
    height: 100%;
}

.portfolio_grid h2,
.portfolio_grid a  {
    padding-top: 5.9rem;
    padding-bottom: 0.9rem;
}


.portfolio_grid h3 {
    padding-top: 1.4rem;
}

.portfolio_grid h2,
.portfolio_grid a,
.portfolio_grid h3 {
    text-align: center;
}

.portfolio_text {
    display: flex;
    justify-content: center;
}

.portfolio_text p {
    width: 80%;
    line-height: 1.2;
}

.portfolio_text br{
    margin: 1.4rem;
}

.portfolio_text b{
    font-weight: 300;
    margin-left: 2.3rem;
}

.portfolio_imgs {
    grid-column: 4;
    grid-row: 3/8;
    width: 100%;
    max-width: 63rem;
    justify-self: center;
    padding-bottom: 5.9rem;
}

.BM-portfolio_imgs {
    grid-column: 4;
    grid-row: 10/14;
    width: 100%;
    max-width: 63rem;
    justify-self: center;
    padding-bottom: 5.9rem;

}

.portfolio_imgs img {
    align-self: center;
    width: 50%;
}

.portfolio_imgs .top-margin--sm {
    margin-top: 5.9rem;
}

.portoflio_img-left {
    margin-left: -23rem;
}

.portoflio_img-right {
    margin-right: -23rem;
}

.footer_portfolio {
    margin-top: -3.7rem;
}

@media (max-width: 1250px) {

    .wavy .home-strip_img {
        margin-right: 0;
    }

    .home-strip section .grid--cols--2--right {
        margin-right: 0;
    }

    .home-strip section .grid--cols--2--left {
        margin-left: 0;
    }

    .home-strip--p {
        width: 100%;
    }

    .about section {
        grid-row: 1/3;
        align-self: end;
    }

    .about .grid--cols--2--left:nth-child(3) {
        align-self: end;
    }

    .about .grid--cols--2--left:nth-child(4) {
        grid-column: 1/3;
        width: 90%;
    }

    .portfolio_img {
        margin-left: 3.7rem;
    }

    .portfolio_imgs img {
        width: 90%
    }

    .portoflio_img-right {
        margin-right: 0;
    }

    .portoflio_img-left {
        margin-left: 0;
    }

    .portfolio_imgs img {
        margin-top: 0;
        margin-bottom: 5.9rem;
    }

    .portfolio_imgs .top-margin--sm {
        margin-top: 2.3rem;
    }

    .portfolio_grid {
        grid-template-columns: max-content 1fr max-content 1fr;
    }


}

@media (max-width: 1050px) {


    .home-strip a {
        padding: 0.9rem 0;
    }

    .home-strip--p {
        line-height: 1.3;
    }

    .wavy--About .home-strip .container a {
        margin-top: 0.9rem;
    }

    .home-strip_img {
        width: 60%;
    }

    .form-container {
        width: 85vw;
        height: 62.5vw;
        max-width: none;
        max-height: none;

    }

    form {
        width: 80vw;
        height: 57.5vw;
        max-width: none;
        max-height: none;
    }

    .form-heading {
        font-size: 2.5rem;
        font-weight: 400;
        padding: 2.3rem 2.3rem 0;
    }

    input,
    textarea {
        font-size: 1.3rem;
    }

    .message-box {
        margin: 0 0 2.3rem 2.3rem;
    }

    .btn_contact,
    .btn_contact:link,
    .btn_contact:visited {
        margin-bottom: 2.3rem;
        height: auto;
        padding: 1.8rem;
    }

    .portfolio_grid .desktop {
        display: none !important;
    }

    .portfolio_grid {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        width: 100%;
        max-width: 100vw;
    }



    .portfolio_grid .wavy {
        grid-column: 1;
        filter: drop-shadow(0.3rem 0.3rem 0.9rem rgba(0, 0, 0, 0.3));
    }

    section .portfolio_text,
    .portfolio_grid h2,
    .portfolio_grid a,
    .portfolio_grid h3 {
        grid-column: 1;
    }

    .portfolio_text,
    .portfolio_grid h2,
    .portfolio_grid a,
    .portfolio_grid h3 {
        width: 100vw;
        height: auto;
    }

    .portfolio_text{
        padding: 3.7rem 0;
        display:flex;
        justify-content: center;
        align-items: center;
    }

    .portfolio_grid h2,
    .portfolio_grid a,
    .portfolio_grid h3 {
        background-color: #ffffff00;
        color: #fff;
    }

    .portfolio_grid h3 {
        padding: 2.3rem 0;
    }

    .portfolio_grid img {
        width: 50%;
        justify-self: center;
        margin: 5.9rem 0;
    }

    .footer_portfolio {
        margin-top: 15.5rem;
    }

    .wavy-portfolio_1::before {
        content: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 1079 92' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd%3Bclip-rule:evenodd%3Bstroke-linejoin:round%3Bstroke-miterlimit:2%3B'%3E%3Cg id='RR-Top' serif:id='RR Top' transform='matrix(0.998466 0 0 0.084433 0 0)'%3E%3Crect x='0' y='0' width='1080' height='1080' style='fill:none%3B'/%3E%3Cg transform='matrix(1.00154 0 0 11.8437 0 0)'%3E%3Cpath d='M0 91.188L0 8.51C127.469 3.019 255.282 0.964 382.686 9.326C498.888 16.953 614.074 36.819 730.672 39.029C847.288 41.239 963.521 27.376 1078.34 8.256L1078.34 91.188L0 91.188Z' style='fill:rgb(211 231 229)%3B'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }

    .wavy-portfolio_1::after {
        content: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 1079 96' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd%3Bclip-rule:evenodd%3Bstroke-linejoin:round%3Bstroke-miterlimit:2%3B'%3E%3Cg transform='matrix(1 0 0 1 0 -104)'%3E%3Cg id='RR-bottom' serif:id='RR bottom' transform='matrix(0.998466 0 0 0.08838 0 104.111)'%3E%3Crect x='0' y='0' width='1080' height='1080' style='fill:none%3B'/%3E%3CclipPath id='_clip1'%3E%3Crect x='0' y='0' width='1080' height='1080'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23_clip1)'%3E%3Cg transform='matrix(1.00154 0 0 11.3148 0 -1177.99)'%3E%3Cpath d='M0 104.111L0 186.775C134.913 192.259 269.841 200.155 404.936 198.156C529 196.32 652.632 184.577 776.627 180.94C877.197 177.989 977.928 181.617 1078.34 186.874L1078.34 104.111L0 104.111Z' style='fill:rgb(211 231 229)%3B'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }

    .wavy-portfolio_2::before {
        content: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 1079 85' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd%3Bclip-rule:evenodd%3Bstroke-linejoin:round%3Bstroke-miterlimit:2%3B'%3E%3Cg transform='matrix(1 0 0 1 -1219 -7)'%3E%3Cg id='TD-Top' serif:id='TD Top' transform='matrix(0.998466 0 0 0.0772996 1219.61 7.70413)'%3E%3Crect x='0' y='0' width='1080' height='1080' style='fill:none%3B'/%3E%3CclipPath id='_clip1'%3E%3Crect x='0' y='0' width='1080' height='1080'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23_clip1)'%3E%3Cg transform='matrix(1.00154 0 0 12.9367 -1221.49 -99.6659)'%3E%3Cpath d='M1219.61 91.188L1219.61 8.543C1298.76 23.858 1378.41 37.538 1458.7 45.403C1547.53 54.106 1636.79 56.658 1725.96 58.986C1917.63 63.989 2110.74 51.061 2297.96 8.125L2297.96 91.188L1219.61 91.188Z' style='fill:rgb(211 231 229)%3B'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }

    .wavy-portfolio_2::after {
        content: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 1079 85' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd%3Bclip-rule:evenodd%3Bstroke-linejoin:round%3Bstroke-miterlimit:2%3B'%3E%3Cg transform='matrix(1 0 0 1 -1219 -104)'%3E%3Cg id='TD-bottom' serif:id='TD bottom' transform='matrix(0.997629 0 0 0.0782489 1219.61 104.111)'%3E%3Crect x='0' y='0' width='1080' height='1080' style='fill:none%3B'/%3E%3Cg transform='matrix(1.00238 0 0 12.7797 -1222.51 -1330.51)'%3E%3Cpath d='M1219.61 104.111L1219.61 186.792C1310.53 179.766 1401.48 173.037 1492.38 165.798C1621.84 155.489 1751.74 140.147 1881.9 143.966C2021.09 148.051 2158.9 171.408 2297.05 186.41L2297.05 104.111L1219.61 104.111Z' style='fill:rgb(211 231 229)%3B'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }

    .wavy-portfolio_3::before {
        content: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 1079 86' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd%3Bclip-rule:evenodd%3Bstroke-linejoin:round%3Bstroke-miterlimit:2%3B'%3E%3Cg transform='matrix(1 0 0 1 -2437 -6)'%3E%3Cg id='UB-Top' serif:id='UB Top' transform='matrix(0.998466 0 0 0.0782489 2437.57 6.67884)'%3E%3Crect x='0' y='0' width='1080' height='1080' style='fill:none%3B'/%3E%3CclipPath id='_clip1'%3E%3Crect x='0' y='0' width='1080' height='1080'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23_clip1)'%3E%3Cg transform='matrix(1.00154 0 0 12.7797 -2441.31 -85.3538)'%3E%3Cpath d='M2437.57 91.188L2437.57 8.818C2579.41 32.021 2721.86 58.111 2866.02 59.058C2981.09 59.814 3132.88 38.894 3323.38 23.669C3387.55 18.54 3451.71 13.356 3515.91 8.693L3515.91 91.188L2437.57 91.188Z' style='fill:rgb(211 231 229)%3B'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }

    .wavy-portfolio_3::after {
        content: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 1079 85' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd%3Bclip-rule:evenodd%3Bstroke-linejoin:round%3Bstroke-miterlimit:2%3B'%3E%3Cg transform='matrix(1 0 0 1 -2437 -104)'%3E%3Cg id='UB-bottom' serif:id='UB bottom' transform='matrix(0.998466 0 0 0.0782489 2437.57 104.111)'%3E%3Crect x='0' y='0' width='1080' height='1080' style='fill:none%3B'/%3E%3CclipPath id='_clip1'%3E%3Crect x='0' y='0' width='1080' height='1080'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23_clip1)'%3E%3Cg transform='matrix(1.00154 0 0 12.7797 -2441.31 -1330.51)'%3E%3Cpath d='M2437.57 104.111L2437.57 186.625C2553.55 171.064 2670.26 158.095 2787.45 157.985C2920.15 157.862 3052.3 171.689 3184.66 178.99C3294.95 185.075 3405.45 188.369 3515.91 186.672L3515.91 104.111L2437.57 104.111Z' style='fill:rgb(211 231 229)%3B'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }

    .wavy-portfolio_4::before {
        content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg width='100%25' height='100%25' viewBox='0 0 540 43' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd%3Bclip-rule:evenodd%3Bstroke-linejoin:round%3Bstroke-miterlimit:2%3B'%3E%3Crect id='About-Top' serif:id='About Top' x='0' y='0' width='539.172' height='42.254' style='fill:none%3B'/%3E%3CclipPath id='_clip1'%3E%3Crect x='0' y='0' width='539.172' height='42.254'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23_clip1)'%3E%3Cpath d='M-23 -3.931l36.8 6.44c36.801 6.44 110.402 19.32 184.003 25.055c73.601 5.612 147.203 4.385 220.804 2.852c73.601 -1.533 147.202 -2.76 220.803 -7.145c73.601 -4.202 147.203 -11.562 220.804 -15.027c73.601 -3.588 147.202 -3.588 220.803 -1.442c73.601 2.147 147.202 6.44 220.804 10.028c73.601 3.466 147.202 6.533 220.803 7.851c73.601 1.442 147.202 1.442 220.804 2.147c73.601 0.828 147.202 2.055 220.803 0.736c73.601 -1.441 147.202 -5.735 220.804 -5.735c73.601 0 147.202 4.294 220.803 1.442c73.601 -2.975 147.202 -12.789 220.803 -14.322c73.602 -1.533 147.203 5.827 220.804 7.145c73.601 1.442 147.202 -2.852 220.803 -0.705c73.602 2.147 147.203 10.734 220.804 13.586c73.601 2.974 147.202 -0.092 220.803 -5.704c73.602 -5.735 147.203 -14.322 220.804 -17.91c73.601 -3.465 147.202 -2.239 220.803 -1.411c73.601 0.706 147.203 0.706 220.804 -0.736c73.601 -1.318 147.202 -4.385 220.803 0c73.601 4.202 147.203 15.855 220.804 21.467c73.601 5.735 147.202 5.735 220.803 3.588c73.601 -2.146 147.203 -6.44 220.804 -10.028c73.601 -3.465 147.202 -6.532 184.003 -7.851l36.8 -1.441l0 30.054l-5299.28 -0l-0 -42.934Z' style='fill:%23d3e7e5%3Bfill-rule:nonzero%3B'/%3E%3Crect x='-2.46' y='36.124' width='541.632' height='10.255' style='fill:%23d3e7e5%3B'/%3E%3C/g%3E%3C/svg%3E");
    }

    .wavy-portfolio_4::after {
        content: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 1080 85' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd%3Bclip-rule:evenodd%3Bstroke-linejoin:round%3Bstroke-miterlimit:2%3B'%3E%3Cg transform='matrix(1 0 0 1 -3561 -104)'%3E%3Cg id='About-bottom' serif:id='About bottom' transform='matrix(0.998466 0 0 0.0782489 3561.91 104.111)'%3E%3Crect x='0' y='0' width='1080' height='1080' style='fill:none%3B'/%3E%3CclipPath id='_clip1'%3E%3Crect x='0' y='0' width='1080' height='1080'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23_clip1)'%3E%3Cg transform='matrix(0.614285 0 0 -7.83836 -813.412 1215.85)'%3E%3Cpath d='M0 0L120 21C240 42 480 84 720 102.7C960 121 1200 117 1440 112C1680 107 1920 103 2160 88.7C2400 75 2640 51 2880 39.7C3120 28 3360 28 3600 35C3840 42 4080 56 4320 67.7C4560 79 4800 89 5040 93.3C5280 98 5520 98 5760 100.3C6000 103 6240 107 6480 102.7C6720 98 6960 84 7200 84C7440 84 7680 98 7920 88.7C8160 79 8400 47 8640 42C8880 37 9120 61 9360 65.3C9600 70 9840 56 10080 63C10320 70 10560 98 10800 107.3C11040 117 11280 107 11520 88.7C11760 70 12000 42 12240 30.3C12480 19 12720 23 12960 25.7C13200 28 13440 28 13680 23.3C13920 19 14160 9 14400 23.3C14640 37 14880 75 15120 93.3C15360 112 15600 112 15840 105C16080 98 16320 84 16560 72.3C16800 61 17040 51 17160 46.7L17280 42L17280 140L0 140L0 0Z' style='fill:rgb(211 231 229)%3Bfill-rule:nonzero%3B'/%3E%3C/g%3E%3Cg transform='matrix(1.80237 0 0 12.7797 -6415.96 -1330.51)'%3E%3Crect x='3556.99' y='99.437' width='601.944' height='20.51' style='fill:rgb(211 231 229)%3B'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }

    .wavy-portfolio_5::before {
        content: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 1079 86' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd%3Bclip-rule:evenodd%3Bstroke-linejoin:round%3Bstroke-miterlimit:2%3B'%3E%3Cg transform='matrix(1 0 0 1 -4680 -6)'%3E%3Cg id='_5-top' serif:id='5 top' transform='matrix(0.998466 0 0 0.0782489 4680.46 6.67884)'%3E%3Crect x='0' y='0' width='1080' height='1080' style='fill:none%3B'/%3E%3CclipPath id='_clip1'%3E%3Crect x='0' y='0' width='1080' height='1080'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23_clip1)'%3E%3Cg transform='matrix(1.04184 0 0 9.54188 -420.254 -994.042)'%3E%3Cpath d='M0 400L0 200C204.667 170.8 409.333 141.6 552 138C694.667 134.4 775.333 156.4 913 171C1050.67 185.6 1245.33 192.8 1440 200L1440 400L0 400Z' style='fill:rgb(211 231 229)%3Bfill-rule:nonzero%3B'/%3E%3C/g%3E%3Cg transform='matrix(1.80237 0 0 12.7797 -6415.96 -347.466)'%3E%3Crect x='3556.99' y='99.437' width='601.944' height='20.51' style='fill:rgb(211 231 229)%3B'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        }

    .wavy-portfolio_5::after {
        content: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 1079 85' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd%3Bclip-rule:evenodd%3Bstroke-linejoin:round%3Bstroke-miterlimit:2%3B'%3E%3Cg transform='matrix(1 0 0 1 -4680 -104)'%3E%3Cg id='_5-bottom' serif:id='5 bottom' transform='matrix(0.998466 0 0 0.0782489 4680.46 104.111)'%3E%3Crect x='0' y='0' width='1080' height='1080' style='fill:none%3B'/%3E%3CclipPath id='_clip1'%3E%3Crect x='0' y='0' width='1080' height='1080'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23_clip1)'%3E%3Cg transform='matrix(-1.04188 9.10187e-15 -5.57475e-16 -7.88227 1080 2022.08)'%3E%3Cpath d='M0 400L0 200C166.133 186 332.267 172 482 181C631.733 190 765.067 222 922 229C1078.93 236 1259.47 218 1440 200L1440 400L0 400Z' style='fill:rgb(211 231 229)%3Bfill-rule:nonzero%3B'/%3E%3C/g%3E%3Cg transform='matrix(1.80237 0 0 12.7797 -6415.96 -1330.51)'%3E%3Crect x='3556.99' y='99.437' width='601.944' height='20.51' style='fill:rgb(211 231 229)%3B'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        }
}

/* mobile */
@media(max-width: 790px) {

    .herostripe {
        padding: 0.9rem 0;
        grid-template-columns: 1fr;
        grid-template-rows: max-content 1fr max-content max-content max-content;
    }


    .herostripe h4 {
        padding: 1.4rem 0;
        grid-column: 1;
    }

    .herostripe h3 {
        padding-bottom: 0.3rem;
        grid-column: 1;
    }

    .herostripe h4,
    .herostripe h3 {
        padding-right: 1.4rem;
        align-self: end;
        justify-self: end;
    }

    .herostripe h1 {
        padding-bottom: 3.7rem;
        margin-top: 1.4rem;
        text-align: end;
        align-self: end;
        justify-self: end;
        font-size: 6.2rem;
    }

    .herostripe p {
        padding-bottom: 2.3rem;
        width: 65%;
        /* grid-column: 1/3; */
        justify-self: center;
    }


    .herostripe .img-header {
        margin-bottom: 3.7rem;
        grid-row: 4;
        grid-column: 1;
        width: 60%;
        justify-self: center;
    }

    .herostripe .grid {
        grid-template-columns: 1fr 1fr;
        justify-self: center;
    }

    .contact-info {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: repeat(5, max-content);
        column-gap: 5%;
        height: 14rem;
    }

    .contact-info h4 {
        grid-column: span 2;
        justify-self: center;
    }

    .contact-info .text-link_container {
        grid-row: 2;
        grid-column: span 2;
        justify-self: center;
    }


    .contact-info .social-media {
        grid-row: 4;
        grid-column: auto;
        margin-top: 2.3rem;
    }

    .wavy .home-strip .grid--cols--2--left {
        margin-left: 0;
        justify-self: center;
    }

    .home-strip {
        height: 65.2rem;
    }

    .home-strip_img {
        width: auto;
        height: 30vw;
        margin-bottom: 2.3rem;

    }

    .home-strip .grid--cols--2--left {
        align-self: start;
    }

    .home-strip_img {
        grid-row: 1;
    }

    .home-strip section .grid--cols--2--left,
    .home-strip section .grid--cols--2--right {
        justify-self: center;
    }

    .wavy--TD .home-strip section {
        padding: 2rem 0;
    }

    .wavy--About .home-strip .container p {
        margin-top: 2.3em;
    }

    .wavy--About .home-strip .container a {
        margin-top: 1.4rem;
    }

    .wavy--About .home-strip .container .home-strip_img {
        height: 40vw;
    }

    .container .skill_section {
        grid-template-columns: repeat(2, 1fr);
    }

    .process_Both {
        grid-column: 1/3;
    }

    .process_UI {
        grid-column: 2;
    }

    .process section img,
    .process section p {
        width: 30vw;
        min-width: 14rem
    }

    .form-container {
        width: 75vw;
        height: 70rem;
        max-height: none;
    }

    .form-container form {
        width: 70vw;
        height: 66rem;
        max-height: none;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(9, 6rem);
        justify-content: center;
        align-items: center;
        padding: 1.4rem;
    }

    form .form-heading {
        display: block;
        font-size: 3.6rem;
        padding: 3.5rem 0;
        grid-template-columns: 1fr;
    }

    .form-heading h1 {
        padding: 0;
        font-size: 3.6rem;
    }

    .stamp {
        display: none;
    }

    .message-box {
        grid-row: 5/9;
        border: solid #cecece 1px;
        width: 90%;
        height: 90%;
        justify-self: center;
        align-self: start;
    }

    .right {
        grid-column: 1;
        margin: 0;
    }

    .form-input {
        border: solid #cecece 1px;
    }

    .message-box {
        margin: 0;
    }

    input,
    textarea {
        height: 100%;
        font-size: 1.8rem;
    }

    .btn_contact,
    .btn_contact:hover,
    .btn_contact:visited {
        justify-self: center;
        width: 90%;
        margin-bottom: 3.7rem;
    }

    .about {
        grid-template-columns: 1fr;
        column-gap: 0;
    }

    .about h2 {
        width: 90%;
    }

    .about img {
        width: 60%;
        justify-self: center;
    }

    .about p {
        width: 90%;
    }

    .about section {
        grid-row: 5;
        grid-template-columns: 1fr 1fr;
        justify-self: center;
    }

    .about section a {
        padding-top: 0;
    }
}