/*splash*/
#splash{
    padding: 0 5%;
    border-bottom:1px solid grey;
    display:flex;
    justify-content: center;
    flex-direction: column;
    margin-bottom:4rem;
}

#splash> #text{
    display:flex;
    flex-direction: column;
    flex:3;
    z-index: 10;
}


#splash>#imgs{
    flex:2;

    display: flex;
    align-self: flex-end;
    align-items: flex-end;

    margin-top:-3rem;
}

#splash>#imgs :first-child{
    position: relative;

    top:8vw;
    width:40vw;
}

#splash>#imgs :last-child{
    position: relative;

    height: auto;
    width:20vw;
}

button{
    align-self: flex-start;
}

#text>h2{
    font-size:24px;
}

#text>h1{
    font-size:54px;
}


@media (min-width:800px){
#text>h2{
    font-size:32px;
}

#text>h1{
    font-size: 80px;}

#splash{
    margin-bottom:8rem;
    }
}

@media (min-width:1100px){

    #splash{
        flex-direction:row; 
    }

   
    #splash> #text{
        flex:2;
        margin-bottom: 5rem;
    }
 

    #splash> #text> h1{
        margin-top:0;
    }

 

    #splash>#imgs{
        flex:1;
        margin-top:-5000vw;
    }

    #splash>#imgs :first-child{
        width:35vw;
    }

    #splash>#imgs :last-child{
        width:15vw;
    }
}


@media (min-width:1500px){/*was 1500*/
 
    #splash> #text{
        margin-bottom: 8%;
    }
    
    #splash> #imgs{
        margin-top:-5000vw;
    }

    #splash>#imgs :first-child{
        top:115px;
        width:550px;
    }
    
    #splash>#imgs :last-child{
        width:250px;
    }
}