body, html{
    /*background-color: #0088cc;*/
    margin: 0;
    width: 100%;
    height: 100%;
}
.container {
    height: 100%;
}
.row{
    height: 100%;
}

#myProgress {
  width: 100%;
  background-color: #ddd;
}

#myBar {
  width: 0%;
  height: 30px;
  background-color: #4CAF50;
}

#femaleBTN {
    margin-top: 200px;
}

#maleBTN {
    margin-top: 200px;
}
#nextBTN{
    position: absolute;
    bottom:   20px;

}

.female {
    position:absolute;
    top:10px;
    right:10px;
    width:100px;
    height:50px;
    line-height:30px;
    text-align:center;
    background:#FFEBCD;
}
.male {
    position:absolute;
    top:10px;
    right:130px;
    width:100px;
    height:50px;
    line-height:30px;
    text-align:center;
    background:#FFEBCD;

}
.table {
    position:absolute;
    top:100px;
    left:5%;
    width:90%;
    height:50px;
    float:center;
    line-height:30px;
    text-align:center;
}

.directions {
    position: absolute;
    left: 10px;
    top: 10px;
    width:80%;
    height:50px;
    font-size:200%;
    text-align: center;
}

.image{
    position: absolute;
    text-align: center;
    height: 90%;
    left:22%;
    margin: 0 auto;
}