#mainContainer {
    max-width: 828px;
    margin-top: 0px;
}

/* #region Sizes */
.carousel-item {
    height: auto;
}

/* Logo settings*/
.navbar-overhang {
    position: absolute;
    top: 15px;
    transform: translateY(-10%);
}

.logo {
    height: 100px;
}

/* Buttons */
.page-button-size {
    width: 220px;
}
.back-button-image-size {
    height: 18px;
}
.group-button-size {
    min-width: 42px;
    height: 35px;
    font-size: 16px;
}

/* Carousel item and images */
.CarouselItem {
    width: 100%;
    height: auto !important;
}
#CarouselImage {
    height: auto;
    width: 100%;
}

/* #region (BS -sm- ) (min-width: 575px) and (max-width: 768px) Smaller tablets */
@media (min-width: 575px) and (max-width: 768px) {

    #mainContainer {
        margin-top: 30px;
    }   

}
/* #endregion  */

/* #region (BS -md- ) (min-width: 768.01px) and (max-width: 991px) Large tablet styles */
@media (min-width: 768.01px) and (max-width: 991px) {

    #mainContainer {
        margin-top: 30px;
    }
}
/* #endregion */

/* #region (BS -lg- ) (min-width: 992px) Start of Desktop */
@media (min-width: 992px) {

    #mainContainer {       
        padding-top: 30px;
    }   
      
}
/* #endregion*/

/* #region (BS -lx- ) (min-width: 1200px) Medium Desktop*/
@media (min-width: 1200px) {
}
/* #endregion */

/* #region (BS - xlg- ) (min-width: 1399.98px) Large Desktop */
@media (min-width: 1399.98px) {
 }
/* #endregion */