@media (orientation: portrait){
    
    body{
        background-color: #f3ede6;
        background-size: cover;
        background-position: 60%;
        height: 100%;
    }

    .box{
        width: 100%;
        height: 30vh;
        color: #29434e;
        font-family: Montserrat;
    }

    .box h2{
        padding-top: 0;
        font-size: 8vw;
        font-weight: 600;
    }

    .box h3{
        margin-top: 2vh;
        font-weight: 400;
        font-size: 5vw;
    }

    .box input{
        border: none;
        flex-grow: 3;
        height: 100%;
        width: 25vw;
        margin-left: 3vw;
    }

    .send{
        height: 2.8vh;
        flex-grow: 1;
        margin: auto auto;
        position: relative;
    }

    .send svg{
        position: absolute;
        right: 1vw;
        margin: auto;
    }

    .send:active{
        transform: scale(0.8);
    }

    .box form{
        border: solid #000 1px;
        border-radius: 10px;
        background-color: #FFF;
        display: flex;
        flex-direction: row;
        width: 80vw;
        height: 3.5vh;
        margin: auto;
        margin-top: 3vh;
    }

    .comingsoon{
        font-family: Courgette; 
        margin-top: 30vh; 
        font-size: 22vw; 
        color: #29434E;
        text-align: center;
    }

    /* .pozadina{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    } */

    /* .pozadina div{
        position: absolute;
        top: 15%;
        left: 25%;
        border-radius: 100%;
        width: 50vw;
        height: 30vw;
        filter: blur(100px);
        background-color: #69e4e4b6;
        margin: auto;
    } */
}

@media (orientation: landscape){

    body{
        background-color:  #f3ede6;
        background-size: cover;
        background-position: 60%;
        height: 100%;
    }

    .box{
        width: 100%;
        height: 30vh;
        color: #29434e;            
        font-family: Montserrat;
    }

    .box h2{
        padding-top: 5vh;
        font-size: 48px;
        font-weight: 600;
    }

    .box h3{
        font-weight: 400;
        font-size: 36px;
    }

    .box input{
        border: none;
        flex-grow: 2;
        height: 100%;
        width: 25vw;
        margin-left: 1vw;
    }

    .send{
        position: relative;
        padding-top: 0.4vh;
        height: 3vh;
        flex-grow: 1;
    }

    .send svg{
        position: absolute;
        right: 1vw;
    }

    .send:active{
        transform: scale(0.8);
    }

    .box form{
        border: solid #000 1px;
        border-radius: 2vw;
        background-color: #FFF;
        display: flex;
        flex-direction: row;
        width: 35vw;
        height: 2.3vw;
        margin: auto;
        margin-top: 3vh;
    }

    .comingsoon{
        font-family: Courgette; 
        margin-top: 30vh; 
        font-size: 7vw; 
        color: #29434E;
        text-align: center;
    }

    /* .pozadina{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .pozadina div{
        position: absolute;
        top: 15%;
        left: 25%;
        border-radius: 100%;
        width: 50vw;
        height: 30vw;
        filter: blur(100px);
        background-color: #69e4e4b6;
        margin: auto;
    } */
}