/* 404 Page */

/* main section */
#error{
    padding: 0 5vw;
    border-bottom:1px solid grey;
    margin-bottom:5rem;

    display:flex;
    justify-content: end;
    flex-direction:column;
}

#error> #text{
    flex:3;
    
    display:flex;
    flex-direction: column;
    justify-content: end;
    margin-bottom: 1rem;
}

#error > div:nth-child(1) > h1:nth-child(1) > span:nth-child(2){
    word-break: keep-all;
}

#text>h1{
    line-height: 95%;
    margin-bottom: 0;
}

#error> #imgs{
    flex:2;

    display: flex;
    align-self: flex-end;
    align-items: flex-end;
    
    margin-top:-3rem;
}

#error> #imgs :first-child{
    position: relative;
    top:8vw;
    width:25vw;
}

#error> #imgs :last-child{
    position: relative;
    height: auto;
    width:20vw;
}

.hd-dp{
    
    font-size: 54px;
}

/* text breaks*/
.break1{
    display: none;
}

.break2{
    display: inline;
}

@media (min-width:500px){
    .hd-dp{
    
        font-size:80px;
    }
}

@media (min-width:1100px){
    #error{
        min-height:50vh; /*remember to minus header when thats there*/
        flex-direction:row;
    }

    #error> #imgs{
        margin-top:initial;
    }
    
    #error> #imgs :last-child{
        width:15vw;
    }
}

@media (min-width:1436px){
    .break1{
        display: inline;
    }

    .break2{
        display: none;
    }
}

@media (min-width:1500px){
    #error> #imgs{
        height:55vh;
    }
    #error> #imgs :first-child{
        top:70px;
        width:325px;
    }

    #error> #imgs :last-child{
        width:250px;
    }

}