html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}


#leftHalf {
    width: 40%;
    position: absolute;
    height: 100%;
    left: 120px;
    top: 10%;
}

#rightHalf {
    background: url('/img/shutterstock_2209654695.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    width: 60%;
    position: absolute;
    top: -60px;
    right: 0px;
    height: 110vh !important;
}

@media screen and (max-width: 900px) {
    #logoSmall {
        height: 90px;
    }

    #leftHalf {
        position: absolute;
        height: 100%;
        top: 0%;
    }

    #rightHalf {
        display: none;
    }
}

@media screen and (max-width: 500px) {
    #leftHalf {
        width: 65%;
        left: 240px;
    }
}
.pointer{
    cursor:pointer;
}
thead {
    color: #fff;
    vertical-align: middle;
    background: #003161;
}