/*
.col-sm-12 {
    border: 1px solid blue;
}
*/
@media (min-width: 0px) {
    #user_input, #display {
        height: 260px;
    }
    .options {
        height: 330px;
        margin-bottom: 15px;
    }
    .radio {
        font-size: 35px;
        margin: 10px 20px 25px 0;
    }
    .cipher {
        color:white;
        font-size: 50px;
        text-align: center;
        margin: 0.6vh 0 0 0;
    }
    .form-control {
        font-size: 33px;
    }
    .my-row-upper {
        height: 3vh;
    }
}

@media (min-width: 768px) {
    #user_input, #display {
        height: 290px;
    }
    .options {
        height: 290px;
    }
    .radio {
        font-size: 32px;
    }
    .cipher {
        color: white;
        font-size: 43px;
        text-align: center;
        margin: 0.6vh 0 0 0;
    }
    .form-control {
        font-size: 24px;
    }
    .my-row-upper {
        height: 17vh;
    }
}

@media (min-width: 1200px) {
    #user_input, #display {
        height: 290px;
    }
    .options {
        height: 290px;
    }
    .radio {
        font-size: 32px;
    }
    .cipher {
        color:white;
        font-size: 45px;
        text-align: center;
        margin: 0.6vh 0 0 0;
    }
    .form-control {
        font-size: 24px;
    }
}

@media (min-width: 1600px) {
    .my-row-upper {
        height: 20vh;
    }
}