    body {
        margin: 0px;
        padding: 0px;
        font-family: Helvetica, Arial,sans-serif;
        font-size: 13px;
        font-weight: 400;
        color: #2D3E50;
        background-color: #fff;
        line-height: 1.4;
        }
        
        
        html {
            box-sizing: border-box;
            overflow: scroll;
            overflow-x: hidden;
        }
        ::-webkit-scrollbar {
            width: 0px;  /* remove scrollbar space */
            background: transparent;  /* optional: just make scrollbar invisible */
        }

        *, *:before, *:after {
            box-sizing: inherit;
        }
        
        
        animate {
            animation-duration: 10s;
            animation-name: slidein;
        }

        .section {
            height: auto;
            position: relative;
            padding: 0;
        }
    
       .menuHolder {
           display: grid;
           grid-template-columns: 1fr 1fr;
           padding: 0px;
           margin: 0px;
           width: 100%;
           z-index: 10;
       }
       
       .myName {
           grid-column: 1fr;
           padding: 7px 0px 0px 0px;
       }
       
       .meImage {
           width: 90px;
           height: 90px;
       }

        .caseStudies{
            padding-top: 10px;
            padding-bottom: 60px;
        }

        .caseStudiesFont{
            font-size: 34px;
            font-weight: bold;
        }
       
       .middleSection {
           display: grid;
           grid-template-columns: 55px 30px 55px 1fr 38px;
           height: 90px;
       }

        .footerContainer {
           display: grid;
           grid-template-columns: 100px 30px 1fr;
           margin: 0px 0px 0px 0px;
}

        .middleSectionZ {
           display: grid;
           grid-template-columns: 1fr 20px 1fr;
           margin: 40px 0px 0px 0px;
       }

            /* The dropdown container */
            .dropdown {
              overflow: hidden;
            }

            /* Dropdown button */
            .dropbtn {
              float: right;
              font-size: 13px; 
              box-shadow:0px 0px 0px 1px #f5f5f5 inset;
              border: none;
              outline: none;
              color: #E6183B;
              padding: 7px 10px 5px 10px;
              font: inherit; /* Important for vertical align on mobile phones */
              margin: 0px; /* Important for vertical align on mobile phones */
              cursor: pointer;
              background-color: #fff;
            }
       
            #dropbtn2 {
              float: right;
              font-size: 13px; 
              box-shadow:0px 0px 0px 1px #f5f5f5 inset;
              border: none;
              outline: none;
              color: #E6183B;
              padding: 7px 10px 5px 10px;
              font: inherit; /* Important for vertical align on mobile phones */
              margin: 0px; /* Important for vertical align on mobile phones */
              cursor: pointer;
              display: none;
              position: relative;
              z-index: 200;
              background-color: #fff;
            }

            /* Add a red background color to navbar links on hover */
             .dropbtn:hover {
              background-color: #E6183B;
              color: #fff;
              box-shadow:0px 0px 0px 1px #E6183B inset; 
            }
       
            
            #dropbtn2:hover {
              background-color: #E6183B;
              color: #fff;
              box-shadow:0px 0px 0px 1px #E6183B inset; 
            }

            /* Dropdown content (hidden by default) */
            #dropdown-content {
              display: none;
              position: absolute;
              width: 100%;
              left: 0;
              padding-top: 30px;
              box-shadow: 0px 10px 20px rgba(0, 0, 0, .3);
            }
       
           #dropdown-darken {
               display: none;
               position: fixed;
               width: 100%;
               background-color: rgba(0, 0, 0, .7);
               height: 100VH;
               left: 0;
               cursor: pointer;
               border: 0px;
               margin: 0px;
               padding: 0px;
           }

            #dropdown-content2 {
              position: absolute;
              width: 100%;
              left: 0;
              box-shadow: 0px 10px 20px rgba(0, 0, 0, .3);
            }


            /* Create three equal columns that floats next to each other */
            .column {
              position: relative;
              width: 100%;
              display: flex;
              flex-direction: column;
              justify-content: space-around;
              height: 90px;
            }
       

            /* Style links inside the columns */
            .column > a {
              display: block;
              color: #fff;
              font-weight: bold;
              text-decoration: none;
              text-align: center;
            }

            /* Add a background color on hover */
            .column a:hover {
              color: #2D3E50;
            }

            .columnZ {
              position: relative;
              margin-right: 20px;
              width: 100%;
              margin-bottom: 40px;
              margin-top: 40px;
              display: flex;
              flex-direction: column;
            }

            .columnZsmall {
              position: relative;
              margin-right: 20px;
              width: 100px;
              margin-bottom: 40px;
              margin-top: 40px;
              display: flex;
              flex-direction: column;
            }
       
       

            /* Style links inside the columns */
            .columnZ > a {
              display: block;
              color: #999;
              width: 95%;
              text-decoration: none;
              padding-left: 10px;
              margin-left: -10px;
              line-height: 1.4;
            }

            /* Add a background color on hover */
            .columnZ a:hover {
              color: #F15D76;
            }


            /* Clear floats after the columns */
            .row {
            display: grid;
            grid-template-columns: 1fr 800px 1fr;
            background-color: #E6183B;
            height: 90px;
            }

            .rowFooter {
            display: grid;
            grid-template-columns: 1fr 800px 1fr;
            background-color: #111;
            height: auto;
            }

            .titlesWhite {
            font-size: 13px;
            color: #fff;
           }
       
        a.two:link {outline: none;
                    text-decoration: none;
                    color: #2D3E50;
                    font-size: 13px;}
        
        a.two:visited {outline: none;
                    text-decoration: none;
                    color: #2D3E50;
                    font-size: 13px;}
        
        a.two:hover {font-weight: bold;
                    text-decoration: none;
                    color: #E6183B;
                    font-size: 13px;}
       

/*Body styles*/
        
        .header {
            font-size: 89px;
            font-weight: bold;
            margin-left: -5px;
        }
       
         .headerMagenta {
            font-size: 89px;
            font-weight: bold;
            color: #E6183B;
        }
        
        .magentaType {
           color: #E6183B;
           font-weight: 400;
        }

        .headerBox {
            padding-top: 140px;
        }

        .sectionHeaderBox {
            padding-top: 110px;
            padding-bottom: 10px;
        }
        
        .logo {
            height: auto;
        }
        
       .projectHeader {
            font-size: 55px;
            font-weight: bold;
            line-height: 1.2;
            padding-bottom: 20px;
        }
       
        .workWrapper > div {
            height: auto;
        }

        .imageBasics {
            width: 100%;
            display: block;
        }
        
        .imageContainerBasics {
            width: 100%;
            display: block;
            box-shadow: 0px 10px 20px rgba(0, 0, 0, .2);
        }
        
        .apolloThirdImageSizer {
            width: 100%;
            display: block;
            box-shadow: 0px 10px 20px rgba(0, 0, 0, .2);
        }
        
        .ziteWP7ImgLarge {
            width: 100%;
            display: block;
        }
        
        .ziteWP7mapImage {
            width: 100%;
            display: block;
        }
        
        .bingShoppingImage {
            width: 100%;
            display: block;
        }

        .projectInfo {
           display: grid;
            grid-template-columns: 1fr 20px 1fr;
            margin: 0px 0px 0px 0px;
        }

.copyContainer {
    margin-bottom: 30px;
}
        .projectInfoCopyContainer {
            max-width: 800px;
            margin: 0 auto;
	        display: grid;
	        grid-template-columns: repeat(2, 1fr);
	        grid-auto-rows: 1fr;
            grid-column-gap: 30px;
            grid-row-gap: 30px;

        }


        .columnProjectInfo {
              position: relative;
              width: 100%;
              display: flex;
              flex-direction: column;
              line-height: 1.7;
            } 

        .space40px {
            height: 20px;
            }


    .rowProjectInfo {
              position: relative;
              width: 100%;
              display: flex;
              flex-direction: column;
              line-height: 1.7;
            }
    
        
/* LARGE GRID LAYOUT */


        .wrapper{
            display: grid;
            position: relative;
            z-index: -10;
            grid-template-columns: 1fr 800px 1fr;
            padding-left: 20px;
            padding-right: 20px;
            background: #F2F4F6;
        }
        
        .wrapperWhite{
            display: grid;
            position: relative;
            z-index: -10;
            grid-template-columns: 1fr 800px 1fr;
            padding-left: 20px;
            padding-right: 20px;
            background: #F2F4F6;
        }

        .wrapperGray{
            display: grid;
            position: relative;
            z-index: -10;
            grid-template-columns: 1fr 800px 1fr;
            padding-left: 20px;
            padding-right: 20px;
            background-color: #E6E9ED;
        }
        
        .topBar {
            height: 30px;
            width: 100%;
            background-color: #ffffff;
            position: fixed;
            display: grid;
            grid-template-columns: 1fr 800px 1fr;
            padding-top: 0px;
        }
       
       
       .topBar2 {
            height: 30px;
            width: 100%;
            background-color: #ffffff;
            position: fixed;
            z-index: 100;
            display: grid;
            grid-template-columns: 1fr 800px 1fr;
            padding-top: 0px;
            box-shadow: 0px 10px 20px rgba(0, 0, 0, .2);
        }
       
        
        .workWrapper {
            position: relative;
            z-index: -10;
            display: grid;
            grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
            grid-gap: 40px 30px;
        }
        
        .across6 {
            grid-column: span 6;
        }
        
        .across3 {
            grid-column: span 3;
        }
        
        .across2 {
            grid-column: span 2;
        }        
        
        .noShadowFullWidth {
            width: 100%;
            display: block;
            grid-column: span 6;
        }
        
        .docChatMedium {
            display: none;
        }

        .aboutDiv {
            width: 100%;
            display: block;
            grid-column: span 6;
            padding-top: 40px;
            line-height: 22px;
        }
        
        .processItemsDiv {
            border-radius: 25px;
            width: 100%;
            display: block;
            box-shadow: 0px 10px 20px rgba(0, 0, 0, .2);
            grid-column: span 6;
        }
        
        .cornerRadius40 {
            border-radius: 50px;
        }
        
        .collapsingSpace {
            height: 50px;
            width: 100%;
            grid-column: 1/7;
        }
        
        .ziteWp7 {
            display: block;
            box-shadow: 0px 10px 20px rgba(0, 0, 0, .2);
            border-radius: 50px;
            grid-column: span 6;
        }
        
        .ziteWP7Img {
            width: 100%;
            display: block;
            border-radius: 15px;
        }
        
        .ziteWp7_2 {
            display: block;
            box-shadow: 0px 10px 20px rgba(0, 0, 0, .2);
            border-radius: 15px;
            grid-column: span 2;
        }
        
        .ziteWp7_map {
            display: block;
            box-shadow: 0px 10px 20px rgba(0, 0, 0, .2);
            grid-column: span 6;
        }
        
        .ziteiPadDiv {
            display: block;
            box-shadow: 0px 10px 20px rgba(0, 0, 0, .2);
            grid-column: span 6;
            border-radius: 45px;
        }
        
        .bingShoppingImageDiv {
            width: 100%;
            display: block;
            grid-column: span 6;
            box-shadow: 0px 10px 20px rgba(0, 0, 0, .2);
        }
        
        .ziteiPadImg {
            width: 100%;
            display: block;
            border-radius: 45px;
        }
        
        .bingEntertainmentImageDiv {
            width: 100%;
            display: block;
            grid-column: span 2;
            box-shadow: 0px 10px 20px rgba(0, 0, 0, .2);
        }
        
        .bingEntertainmentImageDiv2 {
            width: 100%;
            display: block;
            grid-column: span 2;
            box-shadow: 0px 10px 20px rgba(0, 0, 0, .2);
        }
        
        .sectionSpacer60 {
            height: 100px;
            grid-column: span 6;
            width: 100%;
        }
        
        .sectionSpacer48 {
            height: 50px;
            grid-column: span 6;
            width: 100%;
        }
        
        .sectionSpacer30 {
            height: 30px;
            grid-column: span 6;
            width: 100%;
        }
        
        .sectionSpacer40 {
            height: 84px;
            grid-column: span 6;
            width: 100%;
        }
        
        .copy {
            width: 100%;
            display: none;
            grid-column: span 6;
            padding-top: 20px;
        }
        
        .projectCopy {
            display: block;
            grid-column: span 6;
            padding-top: 20px;
            padding-bottom: 20px;
        }
        
        .projectCopyNoTopPadding {
            display: block;
            grid-column: span 6;
            padding-top: 0px;
            padding-bottom: 20px;
        }
        
        .docChatMedium {
            display: none;
        }
        
        .cornerRadius30 {
            border-radius: 36px;
        }
        
        .cornerRadiusProAnnexUs {
            border-radius: 36px;
        }
        
        .cornerRadiusApollo {
            border-radius: 36px;
        }
        
    

/* MEDIUM GRID LAYOUT */        
        
        
        @media (max-width:1160px) {
            
        .rowFooter {
            display: grid;
            grid-template-columns: 1fr 560px 1fr;
            background-color: #111;
            height: auto;
            }
            
        .wrapperWhite{
            position: relative;
            z-index: -10;
            display: grid;
            grid-template-columns: 1fr 560px 1fr;
            padding-left: 20px;
            padding-right: 20px;
            background: #F2F4F6;
        }

        .wrapperGray{
            position: relative;
            z-index: -10;
            display: grid;
            grid-template-columns: 1fr 560px 1fr;
            padding-left: 20px;
            padding-right: 20px;
            background-color: #E6E9ED;
        }
            
        .docChatMedium {
            display: block;
            width: 100%;
            grid-column: span 2;
        }
        
        .wrapper{
            position: relative;
            z-index: -10;
            display: grid;
            grid-template-columns: 1fr 560px 1fr;
            padding-left: 20px;
            padding-right: 20px;
        }
        
        .topBar {
            height: 30px;
            width: 100%;
            background-color: #ffffff;
            position: fixed;
            display: grid;
            grid-template-columns: 1fr 560px 1fr;
            padding-top: 0px;            
        }
       
       
       .topBar2 {
            height: 30px;
            width: 100%;
            background-color: #ffffff;
            position: fixed;
            z-index: 100;
            display: grid;
            grid-template-columns: 1fr 560px 1fr;
            padding-top: 0px;
            box-shadow: 0px 10px 20px rgba(0, 0, 0, .2);
        }
        
        .workWrapper {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr 1fr;
            grid-gap: 40px 30px;
        }
            
        
        .header {
            font-size: 64px;
            font-weight: bold;
        }
            
        .headerMagenta {
            font-size: 64px;
            font-weight: bold;
            color: #E6183B;
        }
            
            
        
        .across6 {
            grid-column: span 4;
        }
            
        .across4 {
            grid-column: span 4;
        }
        
        .across3 {
            grid-column: span 2;
        }
        
        .across2 {
            grid-column: span 2;
        }        
        
        .noShadowFullWidth {
            width: 100%;
            display: block;
            grid-column: span 4;
        }
        
        .aboutDiv {
            width: 100%;
            display: block;
            grid-column: span 4;
        }
            
        .row {
            grid-template-columns: 1fr 560px 1fr;
            }
        
        .processItemsDiv {
            border-radius: 25px;
            width: 100%;
            display: block;
            box-shadow: 0px 10px 20px rgba(0, 0, 0, .2);
            grid-column: span 4;
        }
        
        .cornerRadius40 {
            border-radius: 30px;
        }
            
         .collapsingSpace {
            height: 50px;
            display: block;
            width: 100%;
            grid-column: span 4;
        }
            
        .ziteWp7 {
            display: block;
            box-shadow: 0px 10px 20px rgba(0, 0, 0, .2);
            border-radius: 50px;
            grid-column: span 4;
        }
        
        .ziteWp7_2 {
            display: block;
            box-shadow: 0px 10px 20px rgba(0, 0, 0, .2);
            border-radius: 15px;
            grid-column: span 2;
        }
        
        .ziteWp7_map {
            display: block;
            box-shadow: 0px 10px 20px rgba(0, 0, 0, .2);
            grid-column: span 4;
        }
        
        .ziteiPadDiv {
            display: block;
            box-shadow: 0px 10px 20px rgba(0, 0, 0, .2);
            grid-column: span 4;
            border-radius: 30px;
        }
            
        .ziteiPadImg {
            width: 100%;
            display: block;
            border-radius: 30px;
        }
        
        .bingShoppingImageDiv {
            width: 100%;
            display: block;
            grid-column: span 4;
            box-shadow: 0px 10px 20px rgba(0, 0, 0, .2);
        }
        
        .bingEntertainmentImageDiv {
            width: 100%;
            display: block;
            grid-column: span 2;
            box-shadow: 0px 10px 20px rgba(0, 0, 0, .2);
        }
            
        .bingEntertainmentImageDiv2 {
            width: 100%;
            display: block;
            grid-column: span 4;
            box-shadow: 0px 10px 20px rgba(0, 0, 0, .2);
        }
        
        .sectionSpacer60 {
            height: 100px;
            grid-column: span 4;
            width: 100%;
        }
        
        .sectionSpacer48 {
            height: 50px;
            grid-column: span 4;
            width: 100%;
        }
        
        .sectionSpacer40 {
            height: 84px;
            grid-column: span 4;
            width: 100%;
        }
        
        .copy {
            width: 100%;
            display: none;
            grid-column: span 4;
            padding-top: 20px;
        }
        
        .projectCopy {
            display: block;
            grid-column: span 4;
            padding-top: 20px;
            padding-bottom: 20px;
        }
        
        .projectCopyNoTopPadding {
            display: block;
            grid-column: span 4;
            padding-top: 0px;
            padding-bottom: 20px;
        }
            
        .docChatMedium {
            display: block;
            width: 100%;
            grid-column: span 2;
        }
            
        .cornerRadius30 {
            border-radius: 40px;
        }
            
        .cornerRadiusProAnnexUs {
            border-radius: 40px;
        }
            
        .cornerRadiusApollo {
            border-radius: 40px;
        }
            
        .apolloThirdImageSizer {
            width: 100%;
            display:    none;
            box-shadow: 0px 10px 20px rgba(0, 0, 0, .2);
        }
            
         
        }
        
        
/* SMALL GRID LAYOUT */ 
            
        
        @media (max-width:600px) {
            
        .rowFooter {
            display: grid;
            grid-template-columns: 1fr 320px 1fr;
            background-color: #111;
            height: auto;
            }
            
        .workWrapper {
            display: grid;
            grid-template-columns: 1fr;
            grid-gap: 40px 30px;
            }
            
        .wrapperWhite{
            position: relative;
            z-index: -10;
            display: grid;
            grid-template-columns: 1fr 320px 1fr;
            padding-left: 20px;
            padding-right: 20px;
            background: #F2F4F6;
        }

        .projectHeader {
            font-size: 34px;
            font-weight: bold;
            line-height: 1.2;
            padding-bottom: 20px;
        }
       
            
            .wrapperGray{
            position: relative;
            z-index: -10;
            display: grid;
            grid-template-columns: 1fr 320px 1fr;
            padding-left: 20px;
            padding-right: 20px;
            background-color: #E6E9ED;
        }
            
        .projectInfoCopyContainer {
            max-width: 800px;
            margin: 0 auto;
	        display: grid;
	        grid-template-columns: repeat(1, 1fr);
	        grid-auto-rows: auto;
            grid-column-gap: 30px;
            grid-row-gap: 30px;
            }
            
        .wrapper{
            position: relative;
            z-index: -10;
            grid-template-columns: 1fr 320px 1fr;
        }
        
        .topBar {
            height: 30px;
            width: 100%;
            background-color: #ffffff;
            position: fixed;
            display: grid;
            grid-template-columns: 1fr 320px 1fr;
            padding-top: 0px;
        }
       
       
       .topBar2 {
            height: 30px;
            width: 100%;
            background-color: #ffffff;
            position: fixed;
            z-index: 100;
            display: grid;
            grid-template-columns: 1fr 320px 1fr;
            padding-top: 0px;
            box-shadow: 0px 10px 20px rgba(0, 0, 0, .2);
        }
            
            
        .header {
            font-size: 47px;
            font-weight: bold;
        }
            
        .headerMagenta {
            font-size: 47px;
            font-weight: bold;
            color: #E6183B;
        }
            
        .headerBox {
            grid-template-columns: 42px 1fr;
        }
        
        .row {
            grid-template-columns: 1fr 320px 1fr;
            }
            
        .across6 {
            grid-column: 6fr;
        }
            
        .across4 {
            grid-column: 1fr;
        }
        
        .across3 {
            grid-column: 1/5;
        }
        
        .across2 {
            grid-column: 1/5;
        }        
        
        .noShadowFullWidth {
            width: 100%;
            display: block;
            grid-column: 1fr;
        }
            
        .collapsingSpace {
            height: 0px;
            display: none;
        }
            
        .bigType {
            font-size: 55px;
            color: #E6183B;
            font-weight: bold;
            line-height: 1.2;
        }
        
        .aboutDiv {
            width: 100%;
            display: block;
            grid-column: 1fr;
        }
        
        .processItemsDiv {
            border-radius: 25px;
            width: 100%;
            display: block;
            box-shadow: 0px 10px 20px rgba(0, 0, 0, .2);
            grid-column: 1fr;
        }
        
            .cornerRadius40 {
            border-radius: 15px;
        }
            
        .ziteWp7 {
            display: block;
            box-shadow: 0px 10px 20px rgba(0, 0, 0, .2);
            border-radius: 15px;
            width: 100%;
            grid-column: 1fr;
        }
        
        .ziteWp7_2 {
            display: block;
            width: 100%;
            box-shadow: 0px 10px 20px rgba(0, 0, 0, .2);
            border-radius: 15px;
            grid-column: 1fr;
        }
        
        .ziteWp7_map {
            display: none;
            width: 100%;
            box-shadow: 0px 10px 20px rgba(0, 0, 0, .2);
            grid-column: 1fr;
        }
        
        .ziteiPadDiv {
            display: block;
            box-shadow: 0px 10px 20px rgba(0, 0, 0, .2);
            grid-column: 1fr;
            border-radius: 15px;
        }
            
        .ziteiPadImg {
            width: 100%;
            display: block;
            border-radius: 15px;
            grid-column: 1fr;
        }
        
        .bingShoppingImageDiv {
            width: 100%;
            display: block;
            grid-column: 1fr;
            box-shadow: 0px 10px 20px rgba(0, 0, 0, .2);
        }
        
        .bingEntertainmentImageDiv {
            width: 100%;
            display: block;
            grid-column: 1/5;
            box-shadow: 0px 10px 20px rgba(0, 0, 0, .2);
        }
            
        .bingEntertainmentImageDiv2 {
            width: 100%;
            display: block;
            grid-column: 1fr;
            box-shadow: 0px 10px 20px rgba(0, 0, 0, .2);
        }
        
        .sectionSpacer60 {
            height: 60px;
            grid-column: 1fr;
            width: 100%;
        }
        
        .sectionSpacer48 {
            height: 50px;
            grid-column: 1fr;
            width: 100%;
        }
        
        .sectionSpacer40 {
            height: 84px;
            grid-column: 1fr;
            width: 100%;
        }
        
        .copy {
            width: 100%;
            display: none;
            grid-column: 1fr;
            padding-top: 20px;
        }
        
        .projectCopy {
            display: block;
            grid-column: 1fr;
            padding-top: 0px;
            padding-bottom: 0px;
        }
        
        .projectCopyNoTopPadding {
            display: block;
            grid-column: 1fr;
            padding-top: 0px;
            padding-bottom: 20px;
        }
            
        .docChatMedium {
            display: none;
            width: 100%;
            grid-column: 1/5;
        }
            
        .cornerRadius30 {
            border-radius: 50px;
        }
            
        .cornerRadiusProAnnexUs {
            border-radius: 50px;
        }
            
        .cornerRadiusApollo {
            border-radius: 50px;
        }
            
        .apolloThirdImageSizer {
            width: 100%;
            display:    none;
            box-shadow: 0px 10px 20px rgba(0, 0, 0, .2);
            grid-column: 1fr;
        }
        
        .apolloThirdImageSizer {
            width: 100%;
            display: block;
            box-shadow: 0px 10px 20px rgba(0, 0, 0, .2);
            grid-column: 1fr;
        }
        
        .bgMint {
            background-color: #E1EFEC;
        }
        
        .bgPink {
            background-color: #F6E1DB;
        }
        
        .bgGray {
            background-color: #eee;
        }
        
        .processItemsImg {
            border-radius: 25px;
            width: 100%;
            display: block;
            grid-column: 1fr;
            box-shadow: 0px 10px 20px rgba(0, 0, 0, .2);
        }
        
        .ziteWP7ImgLarge {
            width: 100%;
            display: block;
            grid-column: 1fr;
        }
        
        .ziteWP7mapImage {
            width: 100%;
            display: block;
            grid-column: 1fr;
        }
        
        .bingShoppingImage {
            width: 100%;
            display: block;
            grid-column: 1fr;
        }
            
        }