@media all and (min-width:1px) 
{
    #maincontainer { width: 100%; min-height: 250px; clear: both; float: left; box-sizing: border-box; background-color: #; }
    
    .broadcast-unsubscribe-container {  clear: both; float: left; width: 100%; box-sizing: border-box; }
    .broadcast-unsubscribe-wrapper {  clear: both; float: left; width: 100%; min-height: 500px; box-sizing: border-box; padding: 2em; }

    .broadcast-unsubscribe-title-container { width: 100%; clear: both; float: left; box-sizing: border-box; }
    .broadcast-unsubscribe-title-wrapper { width: 100%; clear: both; float: left; box-sizing: border-box; padding: 0 0 1em 0; }
    
    .broadcast-unsubscribe-description-container { width: 100%; clear: both; float: left; box-sizing: border-box; }
    .broadcast-unsubscribe-description-wrapper { width: 100%; clear: both; float: left; box-sizing: border-box; padding: 1em 0 1em 0; line-height: 1.5; }
    
    .broadcast-unsubscribe-content-container { width: 100%; clear: both; float: left; box-sizing: border-box; }
    .broadcast-unsubscribe-content-wrapper { width: 100%; clear: both; float: left; box-sizing: border-box; padding: 1em 0 1em 0; }
}
@media all and (min-width:640px) 
{
    #maincontainer { width: 100%; min-height: 400px; clear: both; float: left; box-sizing: border-box; background-color: #; }
}

@media all and (min-width:1024px) 
{
    #maincontainer { width: 100%; min-height: 500px; clear: both; float: left; box-sizing: border-box; background-color: #; }
}