/**** Mobile layout ****/
@media (max-width: 960px) {
	.tas-alpha-navigation-container {
		display: none;
	}
	.tas-alpha-title {
		display: none !important;
	}
	.tas-alpha-mobile-title {
		display: block !important;
		position: absolute;
		left: calc(50% - 70px);
		top: 12px;
		transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	}
	/* WebViews in iOS 9 break the "~" operator, and WebViews in OS X 10.10 break
     consecutive "+" operators in some cases. Therefore, we need to use both
     here to cover all the bases. */
	.tas-alpha.tas-alpha-search-box.is-focused~.tas-alpha-mobile-title,
	.tas-alpha-search-box.is-focused+.tas-alpha-navigation-container+.tas-alpha-mobile-title {
		opacity: 0;
	}
	.tas-alpha-more-button {
		display: none;
	}
	.tas-alpha-search-box.is-focused {
		width: calc(100% - 48px);
	}
	.tas-alpha-search-box .mdl-textfield__expandable-holder {
		width: 100%;
	}
	.tas-alpha-main {
		height: 350px;
	}
	.tas-alpha-slogan {
		font-size: 26px;
		margin: 0 16px;
		padding-top: 24px;
	}
	.tas-alpha-sub-slogan {
		font-size: 16px;
		margin: 0 16px;
		padding-top: 8px;
	}
	.tas-alpha-create-character {
		padding-top: 200px;
		font-size: 16px;
	}
	.tas-alpha-create-character img {
		height: 12px;
	}
	.tas-alpha-fab {
		display: none;
	}
	.tas-alpha-wear-band-text {
		margin-left: 0;
		padding: 16px;
	}
	.tas-alpha-footer .mdl-mega-footer--bottom-section {
		display: none;
	}
	
	
	
	
	.tas-alpha-about-us-inner {
		width: 90vw;
	}
	.tas-alpha-about-us-inner-header {
		font-size: 27px;
		padding-bottom: 5px;
	}
	.tas-alpha-about-us-inner-content {
		font-size: 15px;
	}
	.tas-alpha-logo-image {
		width: 140px;
	}

	.tas-alpha-how-we-do-it {
		padding: 35px 0px 50px 0px;
	}
	
	.tas-alpha-how-we-do-it-header {
		width: 90vw;
		font-size: 34px;
	}

	.tas-alpha-how-we-do-it-inner {
		width: 90vw;
	}

	.tas-alpha-how-we-do-it-inner-row {
		display: inline-block;
		padding: 15px 0px 15px 0px;
	}

	.tas-alpha-how-we-do-it-inner-left {
		width: 80px;
		font-size: 15px;
		padding-right: 10px;
	}

	.tas-alpha-how-we-do-it-inner-left > img {
		width: 64px;
	}

	.tas-alpha-how-we-do-it-inner-right-header {
		font-size: 18px;
	}

	.tas-alpha-how-we-do-it-inner-right-content {
		font-family: 'GOTHIC';
		font-size: 15px;
		color: rgba(0, 114, 152, 1.0);
		font-weight: bold;
	}
	
	.tas-alpha-contact-us-inner {
		width: 90vw;
	}
	.tas-alpha-contact-us-inner-header {
		font-size: 27px;
		padding-bottom: 5px;
	}
	.tas-alpha-contact-us-inner-address {
		font-size: 15px;
	}
	
	.tas-alpha-header .mdl-layout__drawer-button {
		display: block;
	}
	.tas-alpha-drawer {
		font-family: 'CenturyGothic';
	}
	
	.tas-alpha-map-marker,
	.tas-alpha-email {
		padding-right: 5px;
		vertical-align: initial;
	}
	
	.tas-alpha-contact-us-inner-address-content {
		width: 300px;
	}
}