@media screen and (orientation:portrait){
    @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;1000;800&display=swap');

    body {
        margin: 0;
        font-family: 'Inter', sans-serif;
    }

    .big {
        overflow: hidden;
        margin-right: auto;
        margin-left: auto;
        max-width: 100vw;
        display: flex;
        flex-direction: column;
        min-height: 100vh;
        
    }

    .smallimg {
        display: none;
    }
    .navbar {
        position: absolute;
        padding: 0;
        z-index: 9;
      }
    
      .navbar-container input[type="checkbox"],
      .navbar-container .hamburger-lines {
        display: block;
      }
    
      .navbar-container {
        display: block;
        position: relative;
        height: 64px;
      }
    
      .navbar-container input[type="checkbox"] {
        position: absolute;
        display: block;
        height: 15vw;
        width: 15vw;
        z-index: 11;
        opacity: 0;
      }
    
      .navbar-container .hamburger-lines {
        display: block;
        padding-top: 3vw;
        height: 23px;
        width: 35px;
        position: absolute;
        left: 3vw;
        z-index: 9;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
      }
    
      .navbar-container .hamburger-lines .line {
        display: block;
        height: 4px;
        width: 100%;
        border-radius: 10px;
        background: #fd0301;
      }
    
      .navbar-container .hamburger-lines .line1 {
        transform-origin: 0% 0%;
        transition: transform 0.4s ease-in-out;
      }
    
      .navbar-container .hamburger-lines .line2 {
        transition: transform 0.2s ease-in-out;
      }
    
      .navbar-container .hamburger-lines .line3 {
        transform-origin: 0% 100%;
        transition: transform 0.4s ease-in-out;
      }
    
      .navbar .menu-items {
        margin-top: 0;
        padding-top: 10vw;
        background: #fd0301;
        height: 90vh;
        max-width: 83.3vw;
        transform: translate(-150%);
        display: flex;
        flex-direction: column;
        margin-left: -40px;
        padding-left: 50px;
        transition: transform 0.5s ease-in-out;
        box-shadow: 5px 0px 10px 0px rgb(46, 46, 46);
        border-bottom-right-radius: 5vw;
        padding-bottom: 15vh;
      }
    
      .navbar .menu-items li {
        margin-bottom: 1.5rem;
        font-size: 1.3rem;
        font-weight: 500;
      }
    
      .logo {
        position: absolute;
        
        right: 15px;
        font-size: 2rem;
      }
    
      .navbar-container input[type="checkbox"]:checked ~ .menu-items {
        transform: translateX(0);
      }
    
      .navbar-container input[type="checkbox"]:checked ~ .hamburger-lines .line1 {
        transform: rotate(35deg);
        background: white;
      }
    
      .navbar-container input[type="checkbox"]:checked ~ .hamburger-lines .line2 {
        transform: scaleY(0);
        background: white;
      }
    
      .navbar-container input[type="checkbox"]:checked ~ .hamburger-lines .line3 {
        transform: rotate(-35deg);
        background: white;
      }

    .mobsocials {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
    } 

    .buttonBackground {
        display: none;
    }

    .center {
        display: none;
    }
    .buttonmob {
        width: 68vw;
        border: none;
        color: white;
        padding:1.33928vw 3.34821vw;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-family: 'Inter', sans-serif;
        font-size: 7.6369vw;
        font-style: bold;
        font-weight: 1000;
        margin: auto;
        cursor: pointer;
    }

    .button {
        border: none;
        color: white;
        padding:1.33928vw 3.34821vw;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-family: 'Inter', sans-serif;
        font-size: 4.6369vw;
        font-weight: 1000;
        margin: auto;
        cursor: pointer;
    }

    .socials {
        display: none;
    }
    .socialstxt {
        display: none;
    }

    .socialspics {
        display: none;
    }

    .container2 {
        position: relative;
        padding-top: 25vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        align-content: space-around;
        font-weight: 700;
        font-style: 400;
        gap: 2vw 0vw;
        padding-bottom: 5vw;
        width: 100vw;
        overflow: hidden;
    }
    
    .bigimg {
        width: 35.0833vw;
        max-width: 100%;
        z-index: 5;
        height: auto;
        display: block;
        margin-top: -14%;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 15vw;
    }
    .bottomleft {
        text-align: center;
        width: 80vw;
        bottom: 1.488vw;
        left: 1vw;
        background-color: #fd0301;
        border-radius: 4.488vw;
        box-shadow: 0px 1.29757vw 1.29757vw rgba(0, 0, 0, 0.25);
        padding-top: 1vw;
        padding-bottom: 1vw;
        z-index: 8;
    }
    .bottomright {
        text-align: center;
        width: 80vw;
        bottom: 1.488vw;
        right: 1vw;
        background-color: #fd0301;
        border-radius: 4.488vw;
        box-shadow: 0px 1.29757vw 1.29757vw rgba(0, 0, 0, 0.25);
        padding-top: 1vw;
        padding-bottom: 1vw;
        z-index: 8;
    }
    .ball:hover {
        background-color: #ca0201;
        border-radius: 1.488vw;
    }

    .circle {
        display: block;
        background: #fd0301;
        border-radius: 100%;
        position: absolute;
        height: 30.1369vw;
        width: 30.1369vw;
        left: 5%;
        top: 15%;
        margin: 0;
        z-index: 0;
    }
    .circle2 {
        display: block;
        background: #FBAD17;
        border-radius: 100%;
        position: absolute;
        width: 10.6964vw;
        height: 10.6964vw;
        left: 10%;
        top: 40%;
        margin: 0;
    }
    .circle3 {
        display: block;
        background: #F7CD46;
        border-radius: 100%;
        position: absolute;
        width: 25.6964vw;
        height: 25.6964vw;
        left: 45%;
        top: -5%;
        margin: 0;
    }
    .circle4 {
        display: block;
        background: rgba(240, 175, 66, 0.9);
        border-radius: 100%;
        position: absolute;
        width: 25.8958vw;
        height: 25.8958vw;
        left: 82%;
        top: 20%;
        margin: 0;
    }
    .circle5 {
        display: block;
        background: #FBAD17;
        border-radius: 100%;
        position: absolute;
        width: 16.6964vw;
        height: 16.6964vw;
        left: 75%;
        top: 15%;
        margin: 0;
    }
    .circle6 {
        display: block;
        background: #EA3223;
        position: absolute;
        border-radius: 100%;
        width: 8.7202vw;
        height: 8.7202vw;
        left: 65%;
        top: 10%;
        margin: 0;
    }
    .circle7 {
        display: none;
    }
    .circle8 {
        display: none;
    }
    .circle9 {
        display: none;
    }
    .circle10 {
        display: none;
    }

    .container3 {
        padding-bottom: 3vw;
        font-weight: 800;
        font-style: 800;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .uudised {
        border-radius: 4.488vw;
        overflow: hidden;
        object-fit: cover;
        filter: drop-shadow(0px .29757vw .29757vw rgba(0, 0, 0, 0.25));
    }

    .u18meistrid {
        width: 85.71428vw;    
    }

    .plakat {
        width: 85.71428vw;   
        padding-bottom: 1vw;
    }

    .ring {
        display: none;
    }
    .uudisedtxt {
        
        margin: auto;
        position: absolute;
        margin:auto;
        top: 70%;
        padding-left: 4vw;
        color: white;
        text-align: center;
        font-family: 'Inter', sans-serif;
        font-size: 3.488vw;
        z-index: 9;
        font-weight: 1000;
        font-style: 1000;
        
    }
    .uudisedlink {
        margin: auto;
        position: absolute;
        color: white;
        z-index: 9;
        top: 80%;
        padding-left: 7vw;
        text-align: center;
        font-family: 'Inter', sans-serif;
        font-size: 5.088vw;
        font-weight: 1000;
        font-style: 1000;
    }

    .wbutton {
        display: none;
    }
    .container6upper {
        display: none;
    }
    .container6move {
        position:relative;
        padding-left: 5vw;
        display: flex;
        animation-name: con6;
        animation-duration: 30s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
        gap: 7vw;
    }
    @keyframes con6 {
        0% {left: 0%}
        45% {left: -60%}
        90% {left: -120%}
        100%{left: -0%}
    }
    .container6right {
        display: flex;
        align-items: center;
        justify-content: space-around;
        margin-top: 2vw;
        margin-bottom: 2vw;
        gap: 7vw;
    }
    .container6rightdes {
        display: none;
    }
    .container6rightmob {
        display: flex;
        align-items: center;
        justify-content: space-around;
        margin-top: 2vw;
        margin-bottom: 2vw;
        gap: 7vw;
    }
    .container6mob {
        display: flex;
        align-items: center;
        justify-content: space-around;
        margin-top: 0vw;
        margin-bottom: 5vw;
        gap: 7vw;
    }
    .container6 {
        display: flex;
        align-items: center;
        justify-content: space-around;
        margin-top: 5vw;
        margin-bottom: 5vw;
        gap: 7vw;
    }
    .selver {
        max-width: 14.88vw;
    }
    .karomets {
        max-width: 14.88vw;
    }
    .tallinn {
        max-width: 22.3214vw;
    }
    .graanulinvest {
        max-width: 20.8329vw; 
    }
    .container4 {
        position: relative;
        background: #FBAD17;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        z-index: auto;
        height: 55.4821vw;
    }

    .epoetxt {
        color: white;
        text-decoration: none;
        margin: 0;
        padding: 0;
        text-shadow:0.1487vw 0.1487vw #ca0201;
    }

    .e-poe {
        position: absolute;
        color: white;
        font-family: 'Inter', sans-serif;
        display: flex;
        /* align-items: baseline; */
        justify-content: space-around;
        font-size: 5.75vw;
        font-weight: bold;
        font-style: bold;
        margin-top: -3.3482vw;
        margin-left: -2.60414vw;
        left: 25%;
        top: 10%;
        
    }
    .eimg {
        width: 5.92857vw;
        max-width: 100%;
        /* height: 5.20829vw; */
        top: -25%;
    }

    .l {
        
        left: -30%;
    }

    .r {
        
        left: 100%;
    }

    @keyframes moveClothes {
        0% {left: 0%}
        22% {left: -0%}
        23% {left: -32%}
        45% {left: -32%}
        46% {left: -63%}
        68% {left: -63%}
        69% {left: -93%}
        95% {left: -93%}
        100%{left: -0%}
    }
    
    .clothes {
        padding-left: 15vw;
        position: absolute;
        display: flex;
        width: 200vw;
        top: 50%;
        gap: 12vw;
        animation-name: moveClothes;
        animation-duration: 30s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }
    .first {
        
        width: 21.57738vw;
        top: 50%;
        margin-top: -3.3482vw;
        margin-left: -2.60414vw;
        left: -12%;
    }

    .second {
        
        width: 21.57738vw;
        top: 50%;
        margin-top: -3.3482vw;
        margin-left: -2.60414vw;
        left: -12%;
   
    }

 

    .third {
        
        width: 21.57738vw;
        top: 50%;
        margin-top: -3.3482vw;
        margin-left: -2.60414vw;
        left: 12%;
   
    }


    .fourth {
        
        width: 21.57738vw;
        top: 50%;
        margin-top: -3.3482vw;
        margin-left: -2.60414vw;
        left: 37%;

    }

    .fifth {
        
        width: 21.57738vw;
        top: 50%;
        margin-top: -3.3482vw;
        margin-left: -2.60414vw;
        left: 62%;
       
    }
    svg {
        padding: 0.372vw;
    }
    
    .arrow {
        -webkit-appearance: none;
        background: transparent;
        border: 0;
        outline:0;
        cursor: pointer;
        position: absolute;
        top: 50%;
        margin-top: -3.3482vw;
        margin-left: -2.60414vw;
        width: 5.20829vw;
        height: 6.6964vw;
    }
    
    .left {
        left: 3%;
    }
    
    .right {
        left: 96%;
    }
    
    .left:hover polyline,
    .left:focus polyline {
        stroke-width: 20;
    }
    
    .left:active polyline {
        stroke-width: 23;
        transition: all 100ms ease-in-out;
    }
    
    .right:hover polyline,
    .right:focus polyline {
        stroke-width: 20;
    }
    
    .right:active polyline {
        stroke-width: 6;
        transition: all 100ms ease-in-out;
    }
    
    polyline {
        stroke-width: 15;
        transition: all 250ms ease-in-out;
    }
    .container5 {
        position: relative;
        display: flex;
        flex-direction: column;
        /* overflow: hidden; */
        /* object-fit: cover; */
        align-content: flex-start;
        /* object-position: center; */
        gap: 0 0;
    }

    .poisid {
        width: 100vw;
        max-height: fit-content;
        padding: 0;
    }

    .tudrukud {
        width: 100vw;
        max-height: fit-content;
        
    }

    .nooremadpoisid {
        width: 100vw;
        max-height: 100%;
    }
    .leftpoisid {
        padding: 0;
    }

    .footer {
        order: 5;
        display: flex;
        flex-direction: column-reverse;
        background-color: black;
        height: 35.20829vw;
        width: 100vw;
        
        padding-top: 1%;
        margin-top: auto;
    }
    .ftext {
        display: none;
    }
    .ftextmob {
        text-align: center;
        color: white;
        font-family: 'Inter', sans-serif; 
        font-weight: 300;
        font-size: 4.11607vw;
        line-height: 4.7857vw;
    }

    .fcontent {
        width: 100vw;
        
        display: flex;
        justify-content:center;
    }

    .fpics {
        width: 8.1242vw;
        z-index: 5;
        height: auto;
        left: 25%;
        padding-left: 2%;
    }
}

@media screen and (orientation:landscape) {
    
    @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;1000;800&display=swap');

    body {
        margin: 0;
        font-family: 'Inter', sans-serif;
    }

    .big {
        margin-right: auto;
        margin-left: auto;
        max-width: 100vw;
        display: flex;
        flex-direction: column;
        min-height: 100vh;
        overflow: hidden;
    }

    .button {
        border: none;
        color: white;
        padding:1.33928vw 3.34821vw;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-family: 'Inter', sans-serif;
        font-size: 1.4469vw;
        margin: auto;
        cursor: pointer;
    }
    .bmid:hover {
        background-color: #ca0201;
    }
    .bleft:hover {
        background-color: #ca0201;
        border-top-left-radius: 1.488vw;
        border-bottom-left-radius: 1.488vw;
    }
    .bright:hover {
        background-color: #ca0201;
        border-top-right-radius: 1.488vw;
        border-bottom-right-radius: 1.488vw;
    }
    .ball:hover {
        background-color: #ca0201;
        border-radius: 1.488vw;
    }
    .container {
        padding-top: 2.4vw;
        margin: 0;
        display: flex;
        justify-content: left;
        align-items: flex-start;
        font-weight: 1000;
        font-style: 1000;
    }

    .center {
        padding-left: 3vw;
        margin: 0;
        top: 0.5vw;
        -ms-transform: translateY(-50%, -25%);
        transform: translateY(-50%, -25%);
    }

    .navbar {
        display: none;
    }

    .buttonBackground {
        display: flex;
        margin: 0;
        border-radius: 1.488vw;
        background-color: #fd0301;
    }
    
    .bottomleft {
        position: absolute;
        bottom: 1.488vw;
        left: 1vw;
        background-color: #fd0301;
        border-radius: 1.488vw;
        box-shadow: 0px 0.29757vw 0.29757vw rgba(0, 0, 0, 0.25);
    }
    .bottomright {
        position: absolute;
        bottom: 1.488vw;
        right: 1vw;
        background-color: #fd0301;
        border-radius: 1.488vw;
        box-shadow: 0px .29757vw .29757vw rgba(0, 0, 0, 0.25);
    }
    


    .socialsncenter {
        display: flex;
        flex-direction: column;
        
    }
    .socials {
        
        display: flex;
        align-items: baseline;
        justify-content: flex-end;
        width: 75.8125vw;
        font-size: 1.5625vw;
        font-weight: 300;
        font-family: 'Inter', sans-serif;
        font-style: italic;
        column-gap: 1vw;
    }
    .socialstxt {
        
        color: #fd0301;
    }

    .socialspics {
        width: 2.5242vw;
        height: auto;
    }

    .container2 {
        position: relative;
        font-weight: 700;
        font-style: 400;
    }
    .circle {
        display: block;
        background: #fd0301;
        border-radius: 100%;
        position: absolute;
        height: 14.1369vw;
        width: 14.1369vw;
        left: -5%;
        top: 10%;
        margin: 0;
    }
    .circle2 {
        display: block;
        background: #FBAD17;
        border-radius: 100%;
        position: absolute;
        width: 6.6964vw;
        height: 6.6964vw;
        left: 4%;
        top: 25%;
        margin: 0;
    }
    .circle3 {
        display: block;
        background: #F7CD46;
        border-radius: 100%;
        position: absolute;
        width: 6.6964vw;
        height: 6.6964vw;
        left: 15%;
        top: 33%;
        margin: 0;
    }
    .circle4 {
        display: block;
        background: rgba(240, 175, 66, 0.9);
        border-radius: 100%;
        position: absolute;
        width: 9.8958vw;
        height: 9.8958vw;
        left: 17%;
        top: 39%;
        margin: 0;
    }
    .circle5 {
        display: block;
        background: #FBAD17;
        border-radius: 100%;
        position: absolute;
        width: 6.6964vw;
        height: 6.6964vw;
        left: 29.5%;
        top: 15%;
        margin: 0;
    }
    .circle6 {
        display: block;
        background: #EA3223;
        position: absolute;
        border-radius: 100%;
        width: 3.7202vw;
        height: 3.7202vw;
        left: 28%;
        top: 25%;
        margin: 0;
    }
    .circle7 {
        display: block;
        background: #F0AF42;
        border-radius: 100%;
        position: absolute;
        width: 8.92857vw;
        height: 8.92857vw;
        left: 65%;
        top: 10%;
        margin: 0;
    }
    .circle8 {
        display: block;
        background: #EA3223;
        border-radius: 100%;
        position: absolute;
        width: 6.6964vw;
        height: 6.6964vw;
        left: 73%;
        top: 39%;
        margin: 0;
    }
    .circle9 {
        display: block;
        background: rgba(240, 175, 66, 0.9);;
        border-radius: 100%;
        position: absolute;
        width: 9.8958vw;
        height: 9.8958vw;
        left: 75%;
        top: 42%;
        margin: 0;
    }
    .circle10 {
        display: block;
        background: #F7CD46;
        border-radius: 100%;
        position: inherit;
        width: 14.1369vw;
        height: 14.1369vw;
        left: 88%;
        top: 15%;
    }

    .container3 {
        padding-bottom: 2vw;
        font-weight: 800;
        font-style: 800;
        display: flex;
        justify-content: space-around;
    }

    .uudised {
        height: 18.60114vw;
        border-radius: 1.488vw;
        overflow: hidden;
        object-fit: cover;
        filter: drop-shadow(0px .29757vw .29757vw rgba(0, 0, 0, 0.25));
    }

    .u18meistrid {
        width: 35.71428vw;    
    }

    .plakat {
        width: 35.71428vw;   
    }

    .ring {
        width: 24.28571vw;
    }
    .uudisedtxt {
        margin: auto;
        position: relative;
        top: -20%;
        left: 0%;
        color: white;
        text-align: center;
        font-family: 'Inter', sans-serif;
        font-size: 1.488vw;
        z-index: 9;
        font-weight: 1000;
        font-style: 1000;
        
    }
    .uudisedlink {
        margin: auto;
        position: absolute;
        color: white;
        z-index: 9;
        top: 90%;
        left: 5.5%;
        text-align: center;
        font-family: 'Inter', sans-serif;
        font-size: 1.088vw;
        font-weight: 1000;
        font-style: 1000;
    }

    .wbutton {
        margin: auto;
        position: absolute;
        top: 5vw;
        left: 4.5vw;
        color: black;
        background-color: white;
        padding:2.1964vw 2.42857vw;
        text-align: center;
        font-family: 'Inter', sans-serif;
        font-size: 1.488vw;
        z-index: 9;
        font-weight: 1000;
        font-style: 1000;
        border-radius: 0.372vw;
    }

    .wbutton:hover {
        background-color: Gainsboro;
    }

    .container4 {
        position: relative;
        background: #FBAD17;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        z-index: auto;
        height: 33.4821vw;
    }

    .epoetxt {
        color: white;
        text-decoration: none;
        margin: 0;
        padding: 0;
        text-shadow:0.1487vw 0.1487vw #ca0201;
    }

    .e-poe {
        padding-top: 2vw;
        position: absolute;
        color: white;
        font-family: 'Inter', sans-serif;
        display: flex;
        /* align-items: baseline; */
        justify-content: space-around;
        font-size: 3.75vw;
        font-weight: bold;
        font-style: bold;
        margin-top: -3.3482vw;
        margin-left: -2.60414vw;
        left: 33%;
        top: 10%;
        
    }
    .eimg {
        width: 3.92857vw;
        max-width: 100%;
        top: -25%;
    }

    .l {
        
        left: -30%;
    }

    .r {
        
        left: 100%;
    }

    @keyframes moveClothes {
        0% {left: 0%}
        22% {left: -0%}
        23% {left: -32%}
        45% {left: -32%}
        46% {left: -63%}
        68% {left: -63%}
        69% {left: -93%}
        95% {left: -93%}
        100%{left: -0%}
    }
    /* @keyframes con6 {
        0% {left: 0%}
        45% {left: -60%}
        90% {left: -120%}
        100%{left: -0%}
    } */
    .clothes {
        padding-left: 15vw;
        position: absolute;
        display: flex;
        width: 200vw;
        top: 50%;
        gap: 12vw;
        animation-name: moveClothes;
        animation-duration: 30s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }

    .first {
        
        width: 21.57738vw;
        top: 50%;
        margin-top: -3.3482vw;
        margin-left: -2.60414vw;
        left: -12%;
    } 

    .second {
        width: 21.57738vw;
        top: 50%;
        margin-top: -3.3482vw;
        margin-left: -2.60414vw;
        left: -12%;
  
    }

    

    .third {
        
        width: 21.57738vw;
        top: 50%;
        margin-top: -3.3482vw;
        margin-left: -2.60414vw;
        left: 12%;
        
    }

    .fourth {
        
        width: 21.57738vw;
        top: 50%;
        margin-top: -3.3482vw;
        margin-left: -2.60414vw;
        left: 37%;
    }


    .fifth {
        width: 21.57738vw;
        top: 50%;
        margin-top: -3.3482vw;
        margin-left: -2.60414vw;
        left: 62%;
    }
    svg {
        padding: 0.372vw;
        z-index: 9;
    }
    
    .arrow {
        -webkit-appearance: none;
        background: transparent;
        border: 0;
        outline:0;
        cursor: pointer;
        position: absolute;
        top: 50%;
        margin-top: -3.3482vw;
        margin-left: -2.60414vw;
        width: 5.20829vw;
        height: 6.6964vw;
    }
    
    .left {
        left: 3%;
    }
    
    .right {
        left: 96%;
    }
    
    .left:hover polyline,
    .left:focus polyline {
        stroke-width: 3;
    }
    
    .left:active polyline {
        stroke-width: 6;
        transition: all 100ms ease-in-out;
    }
    
    .right:hover polyline,
    .right:focus polyline {
        stroke-width: 3;
    }
    
    .right:active polyline {
        stroke-width: 6;
        transition: all 100ms ease-in-out;
    }
    
    polyline {
        transition: all 250ms ease-in-out;
    }

    .container5 {
        position: relative;
        display: flex;
        justify-content:center;
        overflow: hidden;
        object-fit: cover;
        height: 18.89429vw;
        object-position: center;
    }

    .poisid {
        width: 33.333vw;
        max-height: 100%;
    }

    .tudrukud {
        width: 33.333vw;
        max-height: 100%;
        
    }

    .nooremadpoisid {
        width: 33.333vw;
        max-height: 100%;
    }
    

    /* .fifth {
        position: absolute;
        width: 21.57738vw;
        top: 50%;
        margin-top: -3.3482vw;
        margin-left: -2.60414vw;
        left: 62%;
        
    } */
    .container6upper {
        display: flex;
        align-items: center;
        justify-content: space-around;
        margin-top: 2vw;
        margin-bottom: 2vw;
        gap: 6vw;
    }
    .container6mob {
        display: none;
    }
    .container6rightmob {
        display: none;
    }
    .container6rightdes {
        display: flex;
        align-items: center;
        justify-content: space-around;
        margin-top: 2vw;
        margin-bottom: 2vw;
        gap: 7vw;
    }
    .container6move {
        position:relative;
        padding-left: 5vw;
        display: flex;
        animation-name: con6;
        animation-duration: 30s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
        gap: 7vw;
    }
    @keyframes con6 {
        0% {left: 0%}
        45% {left: -60%}
        90% {left: -120%}
        100%{left: -0%}
    }
    .container6 {
        display: flex;
        align-items: center;
        justify-content: space-around;
        margin-top: 2vw;
        margin-bottom: 2vw;
        gap: 6vw;
    }
    .container6right {
        display: flex;
        align-items: center;
        justify-content: space-around;
        margin-top: 2vw;
        margin-bottom: 2vw;
        gap: 7vw;
    }
    .selver {
        width: 14.88vw;
    }
    .karomets {
        width: 14.88vw;
    }
    .tallinn {
        width: 22.3214vw;
    }
    .graanulinvest {
        width: 20.8329vw; 
    }


    .smallimg {
        padding-left: 3vw;
        max-width: 11.60119vw;
        /* height: 10.62946vw; */
        display: block;
    }

    .bigimg {
        width: 35.0833vw;
        max-width: 100%;
        position: relative;
        height: auto;
        display: block;
        margin-top: -14%;
        margin-left: auto;
        margin-right: auto;
    }


    .footer {
        order: 5;
        display: flex;
        justify-content: center;
        background-color: black;
        height: 5.20829vw;
        width: 100vw;
        
        padding-top: 1%;
        margin-top: auto;
    }
    .ftextmob {
        display: none;
    }
    .ftext {
        
        top: 23%;
        left: 15%;
        color: white;
        font-family: 'Inter', sans-serif; 
        font-weight: 300;
        font-size: 1.11607vw;
        line-height: 1.7857vw;
    }

    .fcontent {
        
        width: 22.3214vw;
        top: 30%;
        left: 60%;
        display: flex;
        justify-content:space-evenly;
        padding-left: 1.1%;
    }

    .fpics {
        width: 3.1242vw;
        z-index: 9;
        height: auto;
        left: 25%;
        padding-left: 2%;
    }


}
@media only screen and (max-device-width: 1080px) {

}