.box-container {
    width: 50vw;
    margin: 0 auto;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.box-container h1{
    padding-bottom: 3vw;
    font-size: 3vw;
}
#project_type{
    font-size: 1vw;
}
.box-container input{
    height: 2vw;
    width: 15vw;
    font-size: 1.4vw;
}
.box{
    height: 2vw;
    width: 18vw;
}
.box-container #logo, .box-container #images{
    height: 2vw;
    width: 18vw;
    padding: 10px;
    font-size: 1vw;
}
.box-container input[type="submit"] {
    background-color: #0e8080;
    color: white;
    /* padding: 0vw 2.2vw; */
    height: 2.3vw;
    width: 13vw;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1vw;
}
.box-container span{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 1vw;
}
#project-details-form, #personal-details-form{
    width: 40vw;
    padding: 0 auto;

    /* margin: 0 auto; */
}
@media screen and (max-width: 450px){
    .box-container span{
        font-size: 8px ;
    }
    .box-container input[type="submit"] {
        font-size: 6px;
        height: 8px;
    width: 65px;
    }
    .box-container #logo, .box-container #images{
        font-size: 8px;
    }
    .box-container input{
        font-size: 10px;
    }
    .box-container #project_type{
        font-size: 8px;
    }
    .box-container h1{
        font-size: 12px;
    }
}