/*==============================================================
    CONTAINERS
    Sanskritigram Cultural Centre
==============================================================*/


/*==============================================================
    DEFAULT CONTAINER
==============================================================*/

.site-container {
    width: min( var(--container-width), calc(100% - (var(--container-padding) * 2)) );
    margin-inline: auto;
}



/*==============================================================
    NARROW CONTAINER
    Used for reading content
==============================================================*/

.site-container--narrow {
    width: min( 900px, calc(100% - (var(--container-padding) * 2)) );
    margin-inline: auto;
}



/*==============================================================
    WIDE CONTAINER
==============================================================*/

.site-container--wide {
    width: min( 1440px, calc(100% - (var(--container-padding) * 2)) );
    margin-inline: auto;
}



/*==============================================================
    FULL WIDTH
==============================================================*/

.site-container--fluid {
    width: 100%;
    padding-inline: var(--container-padding);
}



/*==============================================================
    RESPONSIVE
==============================================================*/

@media (max-width:768px) {

    .site-container,
    .site-container--narrow,
    .site-container--wide {
        width: calc(100% - (var(--container-padding) * 2));
    }
}