.TLbox {
    width: 70%;
    height: 40%;
    border-radius: 20px;
    align-self: center;
    text-align: center;
    margin:auto;
    margin-top:40px;
}
.titlebox{
    width: 70%;
    height: 20%;
    border-radius: 20px;
    align-self: center;
    text-align: center;
    margin:auto;
    margin-top:40px;
}
#prototype{
    margin-top: 7%;


}
/*#branding{

}
#survey{

}
#business{

}*/

.textbox{
    width:65%;
    /*border:3px solid black;*/
    height:fit-content;
}
#txt1{
    float:right;
   
  
}
#txt2{
    float:left;
   
}
#txt3{
    float:right;
   
}
#txt4{
    float:left;

}

.imgL{
    width:30%;
    float:left;
}
.imgR{
    width:30%;
    float:right;    
}

.img1{
width:100%;
border-radius:20px;
margin-top:-10%;
border:4px solid black;
}

.img2{
    width:100%;
    margin-top:-10%;
    border-radius:20px;
    border:4px solid black;
}

/*@media (max-width: 767px) {
    .img1 {
        width: 100%;
        border-radius: 20px;
        margin-top: -10%;
        border: 4px solid black;
    }
    #prototype{
        margin-top: 7%;
        width:40vh;
    }
    h1{
        font-size: 100%;
    }
    .img2 {
        width: 100%;
        margin-top: -10%;
        border-radius: 20px;
        border: 4px solid black;
    }

    .TLbox {
        width: 70%;
        border-radius: 20px;
        align-self: center;
        text-align: center;
        margin: auto;
        margin-top: 40px;
    }
    p{
        font-size: 8pt;
    }

    .navbar {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        padding: 2vw;
        width:80%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .titlebox{
        width: 35vh;
        height: 20%;
        border-radius: 20px;
        align-self: center;
        text-align: center;
        margin:auto;
        margin-top:40px;
    }
}