/**
 Define responsive styles here for mobile applications
 Forms
**/


/**
Mobile Devices 
Phones, Wearables
**/
@media only screen
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/*mobile*/
.buttonholder { 
    display:flex;
    flex-direction:column;
    margin:0rem 0.4375rem;
    height:2.5rem;
    align-items:center;
    align-content:center;
    width:100%;
    padding: 0rem 0.625rem;
    box-sizing: border-box;
}
.button-group { 
    width:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    margin-top:3.5rem; 
    box-sizing:border-box;
}
.button{ 
    width:100%;
    height:2rem;
    box-sizing:border-box;
    padding:0px 20px;
    margin-top:0.4rem;
    margin-bottom:0.5rem;
    text-align:center;
    line-height:2rem;
}

}

/*
 Larger screens mobile Devices
 Tablets, smallscreen PCs
*/
@media only screen
and (min-device-width : 481px) 
and (max-device-width : 1024px){ 
/* Tabs */

}

/*
  Large screens
  TV, Projector
 */
@media only screen
and (min-width : 1824px) {
/*largescreens*/

}