.schedule-menu
	padding: 10px 6rem
	max-width: 1920px
	margin: 0 auto
	@include phone
		padding: 10px 1rem
	@include tablet
		padding: 10px 2rem
	.show
		@include phone
			display: flex !important
			align-items: center
			justify-content: center !important
			flex-direction: column
		@include tablet
			display: flex !important
			align-items: center
			justify-content: center !important
			flex-direction: column
	.hide
		@include phone
			display: none !important
		@include tablet
			display: none !important
	.navbar-toggler
		@include phone
			width: 38px 
			height: 42px 
			position: relative 
			-webkit-transform: rotate(0deg) 
			-moz-transform: rotate(0deg) 
			-o-transform: rotate(0deg) 
			transform: rotate(0deg) 
			-webkit-transition: .5s ease-in-out 
			-moz-transition: .5s ease-in-out 
			-o-transition: .5s ease-in-out 
			transition: .5s ease-in-out 
			cursor: pointer 
			outline: none !important
			z-index: 999999
			span 
				display: block 
				position: absolute 
				height: 3px 
				width: 89% 
				background: #000
				border-radius: 9px 
				opacity: 1 
				left: 0 
				-webkit-transform: rotate(0deg) 
				-moz-transform: rotate(0deg) 
				-o-transform: rotate(0deg) 
				transform: rotate(0deg) 
				-webkit-transition: .25s ease-in-out 
				-moz-transition: .25s ease-in-out 
				-o-transition: .25s ease-in-out 
				transition: .25s ease-in-out 
				&:nth-child(1) 
					top: 8px 
				&:nth-child(2) 
					top: 18px 
				&:nth-child(3) 
					top: 28px 
			&.nav-toggle-open 
				span 
					&:nth-child(1) 
						top: 18px 
						-webkit-transform: rotate(135deg) 
						-moz-transform: rotate(135deg) 
						-o-transform: rotate(135deg) 
						transform: rotate(135deg)
					&:nth-child(2) 
						opacity: 0 
						left: 0px 
					&:nth-child(3) 
						top: 18px 
						-webkit-transform: rotate(-135deg) 
						-moz-transform: rotate(-135deg) 
						-o-transform: rotate(-135deg) 
						transform: rotate(-135deg)		
		@include tablet
			width: 38px 
			height: 42px 
			position: relative 
			-webkit-transform: rotate(0deg) 
			-moz-transform: rotate(0deg) 
			-o-transform: rotate(0deg) 
			transform: rotate(0deg) 
			-webkit-transition: .5s ease-in-out 
			-moz-transition: .5s ease-in-out 
			-o-transition: .5s ease-in-out 
			transition: .5s ease-in-out 
			cursor: pointer 
			outline: none !important
			z-index: 999999
			span 
				display: block 
				position: absolute 
				height: 3px 
				width: 89% 
				background: #000
				border-radius: 9px 
				opacity: 1 
				left: 0 
				-webkit-transform: rotate(0deg) 
				-moz-transform: rotate(0deg) 
				-o-transform: rotate(0deg) 
				transform: rotate(0deg) 
				-webkit-transition: .25s ease-in-out 
				-moz-transition: .25s ease-in-out 
				-o-transition: .25s ease-in-out 
				transition: .25s ease-in-out 
				&:nth-child(1) 
					top: 8px 
				&:nth-child(2) 
					top: 18px 
				&:nth-child(3) 
					top: 28px 
			&.nav-toggle-open 
				span 
					&:nth-child(1) 
						top: 18px 
						-webkit-transform: rotate(135deg) 
						-moz-transform: rotate(135deg) 
						-o-transform: rotate(135deg) 
						transform: rotate(135deg)
					&:nth-child(2) 
						opacity: 0 
						left: 0px 
					&:nth-child(3) 
						top: 18px 
						-webkit-transform: rotate(-135deg) 
						-moz-transform: rotate(-135deg) 
						-o-transform: rotate(-135deg) 
						transform: rotate(-135deg)						 
	.navbar-brand
		width: 22%
		@include phone
			width: 60%
		@include tablet
			width: 60%
	#main_nav
		justify-content: space-between
		@include phone
			position: absolute
			left: 0
			right: 0
			top: 5.5vh
			bottom: 0
			background-color: #fff
			text-align: center
			height: 95vh
			z-index: 99
		@include tablet
			position: absolute
			left: 0
			right: 0
			top: 5.5vh
			bottom: 0
			background-color: #fff
			text-align: center
			height: 95vh
			z-index: 99
		.navbar-center
			width: 70%
			justify-content: center	
			@include phone
				width: auto
			@include tablet
				width: auto
			li
				margin-right: 2rem
				@include phone
					margin-right: 0
				@include tablet
					margin-right: 0
				a
					font-size: 1.1rem
					&:hover
						color: #6BA1D2
					@include phone
						font-size: 2.3rem
					@include tablet
						font-size: 2.3rem
		.right-main-nav
			width: 30%
			justify-content: flex-end
			@include phone
				width: auto	
			@include tablet
				width: auto
			.sign_up
				background-color: #53A3ED
				box-shadow: 0px 4px 0px rgba(52, 52, 52, 0.7)
				border-radius: 10px
				color: #fff
				display: flex
				align-items: center
				justify-content: center
				&:hover
					color: #000 !important
					background: #FFBD00
				a
					padding: 0 14px
					&:hover
						color: #000
			li
				margin-right: 2rem
				@include phone
					margin-right: 0
				@include tablet
					margin-right: 0
				&:nth-last-child(1)
					margin-right: 0 !important
				a
					font-size: 1.1rem !important
					&:hover
						color: #6BA1D2
					@include phone
						font-size: 2.3rem !important
					@include tablet
						font-size: 2.3rem !important
#main_nav
	.close_menu_btn
		display: none