.control{
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    margin: 5px 0px;
}
.control > .icon{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 25px; 
    height: 25px;
    border: 2px solid #B0C0D0;
    border-radius: 2px;
    font: 14px 'Roboto Slab';
}
.control > .description{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 10px;
    font: 12px 'Roboto';
    width: calc(100% - 25px);
}
.large-control{
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    margin: 5px 0px;
}
.large-control > .icon{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 80px; 
    height: 25px;
    border: 2px solid #B0C0D0;
    border-radius: 2px;
    font: 14px 'Roboto Slab';
}
.large-control > .description{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 10px;
    font: 12px 'Roboto';
    width: calc(100% - 80px);
}
.mobile-control{
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    margin: 5px 0px;
}
.mobile-control > .image{
    position: relative;
    width: 125px;
}
.mobile-control > .image > img{
    position: relative;
    width: 125px;
}
.mobile-control > .description{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 10px;
    font: 12px 'Roboto';
    width: calc(100% - 125px);
}