/* sidebar start */
@media only screen and (min-width: 768px) and (max-width: 576px) and (orientation: portrait){
    .sidebar {
        width: 90%;
    }
}
/* sidebar end */

/* content start */
.content {
    width: 90%;
    padding: 40px 20px;
}

.content p {
    font-size: 27px;
}

.content p:nth-child(2) {
    font-size: 24px;
}
/* content-end */

/* controls start */
@media only screen and (min-height: 700px) and (max-height: 834px) and (orientation: landscape) {
    .controls-container {
        margin-top: 2%;
    }
}
/* controls end */