@import url(roots.css);
 @media all and (min-width:1360px) {

     /*section 2*/
     .section-2 div {
         /* height: 550px; */
         place-content: center;
     }

     /*section 2*/
     /*section 3*/

     /* .section-3{
        height: auto;
     } */

     /*section 3*/
 }

 @media all and (min-width:800px) {
     .section-3 div {
         height: 550px;
         place-content: center;
     }

 }

 @media all and (max-width:1160px) {
     .section-2 {
         /* flex-wrap: wrap; */
         flex-flow: row wrap;
         height: auto;
     }

     .section-2 div {
         /* width: 500px; */
         flex-grow: 0;
     }

     .section-3 {
         height: auto;
     }
 }

 @media all and (max-width:1033px) {
     .section-2 {
         justify-content: center;
     }
 }

 @media all and (max-width:430px) and (max-height: 600px) {

     .section-2,
     .section-3 {
         height: auto;
         row-gap: 10vh;
     }

     .section-2 div,
     .section-3 div {
         /* height: 100vh; */
         height: auto;
     }

     .sec-3-2 {
         position: relative;
         margin-top: 100px;
         /* background-color: pink; */
     }

     .sec-3-1 {
         height: 400px;
     }

     /* .section-3>* {
        margin-top: 1vh; } */
 }

 @media all and (max-width: 1250px) {

     /*section 4*/
     .sec-4-1 {
         /* display: flex;
            gap: 2em; */
         flex-wrap: wrap;
     }

     /*section 4*/
     /*section 5*/
     .sec-5-1 {
         justify-content: flex-start;
     }

     /*section 5*/
     /*MEMBERS*/
     /*member section 3*/
     .members3-2 {
         flex-wrap: wrap;
         gap: 1em;
         /* justify-content: center; */
     }

     /*member section 3*/
     /*MEMBERS*/
 }

 @media all and (max-width: 900px) {
     .logo-1 {
         height: 60px;
         /* background-color: red; */
     }

     /*generic investment*/
     .gi-1 {
         display: grid;
         grid-template-columns: 1fr 1fr;
         width: 100vw;
         margin: 50px auto 0;
     }

     .gi-2 {
         display: grid;
         grid-template-columns: 1fr 1fr;
         width: 100vw;
         margin: 0 auto 100px;
     }

     .gi-card-image {
         width: 50vw;
         height: 40vw;
     }

     .gi-1 .gi-card:nth-child(2),
     .gi-1 .gi-card:nth-child(3) {
         background-color: rgba(190, 220, 203, 0.15);
     }

     .gi-1 .gi-card:nth-child(1),
     .gi-1 .gi-card:nth-child(4) {
         background-color: transparent;
     }

     .gi-2 .gi-card:nth-child(2),
     .gi-2 .gi-card:nth-child(3) {
         background-color: rgba(190, 220, 203, 0.15);
     }

     .gi-2 .gi-card:nth-child(1),
     .gi-2 .gi-card:nth-child(4) {
         background-color: transparent;
     }

     /*generic investment*/

 }

 @media all and (max-width: 840px) {
     .section-4 {
         height: auto;

     }

     .section-4 .h2-type-two {
         font-size: 22px;
         margin: 30px auto 25px;
     }

     .sec-4-1 div {
         width: 75vw;
         max-width: 250px;
         /* gap: 5px; */
     }

     .sec-4-1 div img {
         width: 60px;
         margin-bottom: 10px;

     }

     .sec-4-1 div h3 {
         font-size: 32px;
     }

     .sec-4-1 div p {
         font-size: 14px;
     }



     /* u-section-1 */
     .U-section-1 {

         margin: 10vh 4vw 0;

     }

     .U-section-1 .h2-type-two {
         font-size: 22px;
     }

     .mid-item {
         width: 95vw;
         max-width: 470px;
     }

     .mid-item article h3 {
         font-weight: 400;
         font-size: 20px;
     }

     .mid-item article p {
         font-size: 14px;
         font-weight: 100;
     }

     /* u-section-1 */

     /* u-section-2 */
     .U-section-2 .US2-1 .US2-1-1,
     .U-section-2 .US2-1 .US2-1-2 {
         width: 70vw;
         flex-wrap: wrap;
         justify-content: center;
         max-width: 300px;
         gap: 10px;
     }

     .U-section-2 h2 {
         font-size: 22px;
     }



     /* u-section-2 */
     /* u-section-3 */
     .U-section-3 {



         h2 {
             font-size: 25px;
         }

         .US2-1 {
             display: flex;
             gap: 50px;
             overflow-x: scroll;
             justify-content: center;
             flex-wrap: wrap;
             margin: 100px auto;
         }

     }

     /* u-section-3 */
 }

 @media all and (max-width: 800px) {

     /*UNIVERSAL CLASSES*/
     .h1-type-one {
         font-size: 26px;
     }

     .contentM .p-type-one {
         font-size: 15px !important;
     }

     .h2-type-three {
         font-size: 22px;
     }

     .p-type-three {
         font-size: 16px;
     }

     /*UNIVERSAL CLASSES*/
     /*HEADER*/
     header {
         grid-template-columns: 1fr 3fr;
         position: relative;
         z-index: 1;
         align-items: center;
     }

     /* header>* {
        border: 1px dashed pink;
    } */
     header nav {
         background-color: rgba(0, 0, 0, 0.8);
         position: absolute;
         height: 100svh;
         height: 100vh;
         right: 0;
         top: 0;
         display: none;
         width: 100vw;
         /* visibility: hidden; */
     }

     /* header nav::before {
        content: "";
        background-color: rgba(0, 0, 0, 0.8);
        width: 200vw;
        height: 100vh;
        position: fixed;
        left: -50vw;
        right: 0;
        z-index: -1;
    } */
     header nav ul {
         display: inline-block;
         position: relative;
         margin: 0 5vw;
         /* background-color: blue; */
         /* height: 30px; */
     }

     header nav ul li {
         margin: 40px;
         text-align: center;
     }

     header nav ul li a {
         font-size: 18px;
         font-weight: 100;
         color: snow;
     }

     .wild-card-1 {
         display: none;
     }

     .wild-card-2,
     .wild-card-3,
     .wild-card-4,
     .menu-icon {
         display: block;
     }

     .wild-card-2 button {
         width: 40px;
         aspect-ratio: 1/1;
         font-size: 1.5em;
         font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
         font-weight: 100;
         border-radius: 50%;
         border: none;
         background-color: transparent;
         box-shadow: inset 0 -1px 3px rgba(128, 128, 128, 0.5), 0 0 5px rgba(128, 128, 128, 0.5);
         cursor: pointer;
         display: flex;
         place-items: center;
         justify-content: center;
         margin: auto;
         color: snow;
     }

     .wild-card-2 button:hover {
         animation-name: rotater1;
         animation-duration: 30s;
         animation-timing-function: linear;
         animation-iteration-count: infinite;
         animation-direction: alternate;
         animation-delay: 1s;
     }

     .logo-1 {
         height: 10vw;
         /* background-color: red; */
     }

     .logo-3 {
         height: 16vw;
         /* background-color: red; */
     }

     #forced_center {
         transform: translateX(90%);
     }

     /*HEADER*/
     /*section hero*/
     .hero .content {
         padding: 0 5vw;
     }

     .hero {
         height: 30vh;
         min-height: 300px;
         max-height: 400px;

     }

     .hero-down {
         width: 45px;
     }

     /*section hero*/
     /*section 2*/
     .section-type-two {
         grid-template-columns: 1fr;
     }

     .sec-2-2 h3 {
         width: 80%;
         margin: 5px auto 20px;
     }

     .sec-2-2 h4 {
         width: 80%;
         margin: 35px auto 0;
     }

     .section-2 div article .p-type-seven {
         font-size: 14px;
         width: 80%;
     }

     /*section 2*/
     /*section 3*/
     .section-3 {
         height: max-content;
     }

     .section-3 .sec-3-1 {
         height: 30vh;
     }

     .section-3 .sec-3-2 {
         height: 500px;

         button {
             font-size: 15px;
         }
     }

     /*section 3*/
     /*section 5*/
     .sec-5-1 {
         justify-content: flex-start;
     }

     /*section 5*/
     /*u-section-3*/
     .U-section-3 h2 {
         font-size: 22px;
     }

     /*u-section-3*/
     /*section 7*/
     .section-7-1 {
         display: grid;
         grid-template-columns: 1fr 1fr;
     }

     /* .section-7-1-1:nth-child(1) {
         grid-column-start: 1;
         grid-column-end: 3;
     } */

     .section-7-1-1 {
         display: grid;
         place-content: start;
     }

     /*footer alignment fix*/
     .section-7-1-1:nth-child(3),
     .section-7-1-1:nth-child(5) {
         align-content: start;
         /* /* place-items: end; */
         width: 100%;
     }

     .section-7-1-1:nth-child(4) {
         align-content: baseline;
     }

     /*footer alignment fix*/
     /*section 7*/
     /*MEMBERS */
     /*member section 2*/
     .members2-1 {
         grid-template-columns: 100%;
         width: auto;
         column-gap: 0;
         row-gap: 3em;
         margin: auto;


     }

     .members2 {
         height: auto !important;

         /* border: 2px dashed orangered; */
     }

     /* .members2-1>* {
        border: 1px dashed pink;
    } */
     .members2-1-1 {
         grid-column-start: 1;
         grid-column-end: 2;
     }

     .members2-1-2 p {
         width: 95%;
     }

     .members2-1-3 {
         /* border: 3px dashed orangered; */
         /* grid-template-columns: 1fr; */
         padding: 0;
         place-items: center;
         justify-content: space-evenly !important;
     }

     .members2-1-3 figure {
         margin: 0;
     }

     .members2-1-3 figure img {
         width: 100%;
     }

     .stories2-1-3 figure img {
         /*border: 1px solid red;*/
         
       max-width: 100%;
    height: auto;    
    object-fit: contain; 
    display:none;
    }
    
    .stories2-1-3 figure p {
         /*border: 1px solid red;*/
         
       max-width: 100%;
    height: auto;    
    object-fit: contain; 
    display:none;
    }
    
    .mobile-launch {
        /*border: 1px solid red;*/
        margin-top: -100px;
    }

     .members2-1-3 figure figcaption b {
         font-size: 16px;
     }

     .members2-1-3 figure figcaption span {
         font-size: 14px !important;
     }

     .img-l-bite {
         aspect-ratio: 1/1.35;
         width: 150px !important;
     }

     /*member section 2*/
     /*member section 3*/
     .members3-2 {
         justify-content: center;
     }

     .members3-2 div {
         text-align: center;
         /* width: min-content; */
     }

     .members3-2 div img {
         background-color: var(--color-10);
         /* width: 230px; */
         aspect-ratio: 1/1.35;
     }

     /*member section 3*/
     /*member section 4*/
     .members4-2 {
         display: flex;
         flex-wrap: wrap;
         gap: 10%;
         /* justify-content: space-evenly; */
     }

     .members4-2 div {
         text-align: center;
         width: 45%;
     }

     /*member section 4*/
     /*member section 6*/
     .members6 {
         grid-template-columns: 1fr;
     }

     /*member section 6*/
     /*MEMBERS */
     /*principles part*/
     .principles-heading {
         padding: 50px;
         width: 100%;
     }

     .principles {
         /* background-color: pink; */
         width: 90vw;
         margin: auto auto 55px auto;
         display: grid;
         gap: 3vw;
         grid-template-columns: 1fr 1fr;
     }

     .priciple-article {
         /* background-color: bisque; */
         width: 100%;
         position: relative;
         text-align: center;
         padding: 1vh 2vw;
         max-height: 350px;
     }

     .pa-image {
         width: 100px;
         aspect-ratio: 1 /1.5;
         /* margin: auto; */
         /* background-color: green; */
     }

     .principles_button {
         width: 100%;
         text-align: center;
         margin: 50px auto;
     }

     /*principles part*/
     /*gen investment*/
     .gen-investments .h2-type-two {
         max-width: min-content;
     }

     /*gen investment*/

     /*footer*/
     .footer-heading {
         font-weight: 500;
         font-size: 20px;
     }

     /*footer*/
 }

 @media all and (max-height:595px) {
     header {
         min-height: 100px;
     }

     header nav {
         height: auto;
     }

     /*section 3 and section 3*/

     .section-3 .sec-3-2 {
         height: auto !important;
     }

     /*section 3 and section 3*/
 }

 @media all and (max-width:600px) {

     /*footer*/
     .section-7-3 {
         grid-template-columns: 1fr;
         justify-content: center;
         text-align: center;
         gap: 0;
     }

     .sec-7-3-3 {
         gap: 3px;
         width: auto;
     }

     .sec-7-3-3 .footer-links,
     .sec-7-3-1 .footer-links,
     .sec-7-3-1 p {
         margin: 0;
         font-size: 12px;
     }

     .sec-7-3-2 p {
         font-size: 12px;
     }

     .sec-7-3-1 {
         /* transform: translateY(-15px); */
         width: auto;
     }

     .social-links {
         width: 7vw;
         max-width: 30px;
     }
     .gallery-2-images{
        width: 150px;
        height: auto;
    }

     /*footer*/
 }

 @media all and (max-width: 520px) {
     /*u-section-3*/
     /* .US3-1{
        display: grid;
        grid-template-columns: 1fr 1fr;
      
        margin: auto;
        justify-content: center;
        place-items: center;

    }
    */
     /*u-section-3*/
 }

 @media all and (max-width: 500px) {
     .h2-type-three {
         width: auto;
     }

     /* .members2 {
        width: 50%;
    } */
     .h2-type-five {
         /* text-align: center; */
         margin: auto;
         font-size: 28px;
         margin-bottom: 25px;
         /* font-weight: 400; */
     }

     .members3-2 {
         justify-content: center;
     }

     /*section 7*/
     .section-7-1-1:nth-child(3) {
         width: 100%;
         /* background-color: purple; */
         padding: 0;
         margin: 0;
         text-align: left;
         place-content: start;
     }

     .section-7-1-1:nth-child(5) {
         width: 100%;
         /* background-color: yellowgreen; */
     }

     /*section 7*/
     /*generic investment*/
     .gi-1 {
         display: grid;
         grid-template-columns: 100%;
         width: 100vw;
     }

     .gi-2 {
         display: grid;
         grid-template-columns: 100%;
         width: 100vw;
         margin: 0 auto 100px;
     }

     .gi-card-image {
         width: 100vw;
         height: 60vw;
     }

     .gi-1 .gi-card:nth-child(even),
     .gi-2 .gi-card:nth-child(even) {
         background-color: rgba(190, 220, 203, 0.15);
     }

     .gi-1 .gi-card:nth-child(odd),
     .gi-2 .gi-card:nth-child(odd) {
         background-color: transparent;
     }

     /*generic investment*/
     /*principles of the organisation*/
     .principles {
         /* background-color: pink; */
         width: 90vw;
         margin: auto auto 55px auto;
         display: grid;
         gap: 3vw;
         grid-template-columns: 1fr;
     }

     /*principles of the organisation*/
     /*h2 headings*/
     .h2-type-two,
     .h2-type-one {
         font-size: var(--font-size-8);
     }

     /*h2 headings*/
     /* section 2 */
     .section-2 div {
         height: 400px;

         article {
             padding: 5px;
             text-align: center !important;
             height: auto;

         }
     }

     /* section 2 */
     /*section 3 and section 3*/

     .section-3 .sec-3-2 {
         height: auto !important;
     }

     /*section 3 and section 3*/
 }

 @media all and (max-width:395px) {

     /*MEMBERS*/
     /*municipalities*/
     .sec-4_0-1 div {
         min-width: min-content;
         width: 40vw;
     }

     /*municipalities*/
     /*MEMBERS*/
 }

 @media all and (max-width: 450px) {

     /*section 4*/
     /* .section-4 {
         margin-top: 70px;
     } */
     /*section 4*/
     /*u-section-3*/
     .US3-1 {

         grid-template-columns: 1fr;

     }

     .partner-logo {
         width: auto;
     }

     /*u-section-3*/
     /*members3*/
     .members3-2 div {
         width: 150px;
     }

     .members2-1-3 figure {
         min-width: 160px;
     }

     .members3-2 div img {
         width: inherit;
     }

     /*members3*/
 }

 @media all and (max-width: 768px) {
     .section-type-four {
         flex-direction: column;
         gap: 20px;
         margin: 5vh auto;
     }

     .section-2 div {
         width: 100%;
         margin: 0;
     }

     .sec-2-1, .sec-2-2, .sec-2-3 {
         width: 100%;
         height: auto;
         min-height: 200px;
     }

     .U-section-1 .middle {
         grid-template-columns: 1fr;
         gap: 15px;
     }

     .mid-item {
         width: 100%;
         height: 400px;
     }

     .mid-item article {
         width: 90%;
         padding: 15px;
         height: auto;
     }

     .US3-1 {
         flex-wrap: wrap;
         justify-content: center;
     }

     .sec-3-1 {
         min-height: 300px;
     }
 }

 @keyframes rotater1 {
     25% {
         transform: rotate(90deg);
     }

     50% {
         transform: rotate(180deg);
     }

     75% {
         transform: rotate(270deg);
     }

     100% {
         transform: rotate(360deg);
     }
 }

 .display_grid {
     display: grid;
 }