.main-header {
	.title-area {
		h1 {
	  	line-height: 2.8125rem;
			font-size: 1.75rem;
	  	margin: 0px;
		}
	}

	.navigation {
		background-color: $nav_bg;
	}

	.smaller-device-menu {
		@extend .toggle-topbar;
		@extend .menu-icon;
	}

	.main-menu {
		ul li {
			background: $nav_bg;
		}

		.dropdown {
			li:not(.has-form):not(.active):hover {
				> a:not(.button):not(.submit) {
					background: $mouseover_menu;
				}
			}
		}

		li:not(.has-form) a:not(.button):not(.submit) {
			background: $nav_bg;
		}
	}

	.main-menu-right-side {
	}
}

.flash {
	@extend .alert-box; 
	@extend .radius;
	width: 50%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 1rem;
  }

.alert-flash {
	@extend .flash;
	@extend .alert; 
}

.notice-flash {
	@extend .flash;
	@extend .success; 
}

.main-header {
	.title-area {
		h1 {
	  	line-height: 2.8125rem;
			font-size: 1.75rem;
	  	margin: 0px;
		}
	}

	.navigation {
		background-color: $nav_bg;
	}

	.smaller-device-menu {
		@extend .toggle-topbar;
		@extend .menu-icon;
	}

	.main-menu {
		ul li {
			background: $nav_bg;
		}

		.dropdown {
			li:not(.has-form):not(.active):hover {
				> a:not(.button):not(.submit) {
					background: $mouseover_menu;
				}
			}
		}

		li:not(.has-form) a:not(.button):not(.submit) {
			background: $nav_bg;
		}
	}

	.main-menu-right-side {
	}
}

.flash {
	@extend .alert-box; 
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 1rem;
 }

.alert-flash {
	@extend .flash;
	@extend .alert; 
}

.notice-flash {
	@extend .flash;
	@extend .success; 
}

Remove Width & Radius From Flash Messages
Remove Width & Radius From Flash Messages

Remove both the width and the radius of the flash messages because the
width should now go to the edge of the screen. Since the width goes to
the edge of the screen a round corner no longer is looks good since
the edge should look like its coming off the screen.
