#banner{
    background-image: url("../img/calculator-cutout.png");
    width:100%;
    height: 200px;
    box-shadow: 0px 0px 5px 0px #000000;
}
#bannerText{
    color: #FFFFFF;
    font-size: 3.5vw;
    font-weight: bold;
    font-family: Rubik;
    position: relative;
    float: left;
    top: 52%;
    left: 20%;
    transform: translate(-52%, -20%);
}
.productRow{
    width:100%;
    min-height:250px;
    margin-bottom:10%;
    margin-top:20px;
}
.productColumn{
    min-height:300px;
    float: left;
    margin: 0 5%;
    width: 39.5%;
    border: 2px solid #DDDDDD;
    box-shadow: 2px 2px 1px #AAAAAA;
    border-radius: 15px 15px 20px 20px;
    background-color:#F5F5F5;
    transition: all .2s ease-in-out;
}
.productColumn:hover { 
    transform: scale(0.95); 
}
.productImageContainer{
    width:100%;
    min-height:100px;
    border-radius: 20px 20px 0px 0px;
    background-color:#F9F9F9;
}
.productImage{
    width:100%;
    height:32%;
    background-color:#F9F9F9;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 15px 15px 0px 0px;
}
.productDescriptionContainer{
    
    text-align: center;
    font-family: Rubik;
    font-size:1.5vw;
    font-weight: bold;
    background-color:#F5F5F5;
    border-top: 2px solid #BBBBBB;
    border-radius: 0px 0px 20px 20px;
    color:#444444;
}
.productDescription{
    margin:10px;
}