/*	body, html{
		background: blue !important;
	}
*/
@media screen and (min-height: 900px) {

	.menu{
		position: fixed;
		top: 0;
		bottom: 0;
		margin: auto;
		height: 820px
	}

	.menu li img{
		max-height: 80px;
	}
}

@media only screen and (max-width: 480px) {

	.mob-menu .menu-active{
		opacity: 1;
	}

	.mobile{
		display: block;
	}

	.desktop{
		display: none;
	}
	
	body, html{
		justify-content: flex-start;
		align-items: flex-start;
		height: 100%;
	}

	.main-cont{
		flex-direction: column-reverse;
		justify-content: flex-start;
	}

	.menu{
		display: none;
	}

	.main-txt{
		margin-left: 24px;
		margin-top: 24px;
	}

	.char{
		height: 65vh;
		align-self: baseline;
 		margin-left: -24px;
	}

	.char #mechar{
		height: 100%;
		position: relative;
		margin-right: 20vw;
	}

	.main-txt span{
		font-size: 14px;
	}

	.main-txt h2{
		font-size: 24px;
	}

	.logo{
		display: none;
	}

	.intro{
		align-self: center;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
	}

	/* Pages */
	h2{
		margin-bottom: 0;
	}
	section{
		margin-top: 345px;
		margin-bottom: 0;
		border-radius: 0;
		padding: 20px 24px;
	}

	section .items{
		display: flex;
    	flex-direction: column;
	}

	section .items svg{

	}

	section .items .item-desc{
		margin-left: 0;
    	margin-top: 40px;
	}

	.title-icon{
		width: 100%;
		text-align: center;
		margin: 40px 0 20px;
	}

	.title-icon img{
		width: 80%;
	}

	.menu-icon{
		position: fixed;
		right: 0;
		border-radius: 20px;
		background: #fff;
	}

	.main .menu-icon{
		background: none;
	}

	.menu-tapped{
		background: none;
	}

	.portfolio{
		justify-content: space-around;
	}

	.portfolio a{
		margin-left: 0;
	}

	section .items button{
		padding: 16px 18px 12px 18px;
	}

	section .portfolio a img{
		max-width: 75px;
	}

	section .items a{
		float: left;
		margin-right: 16px;
		margin-left: 0;
	}

	/* Carier */

	.stair{
		margin: 0;
		grid-template-columns: 50px 1fr 50px;
	}

	.stair img{
		width: 50px;
	}

	.stair-middle .company {
		margin-top: 300px;
	}

	.stair-middle .company a{
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.stair-middle .company img{
		width: 120px;
	}

	.stair a{
		text-decoration: none;
	}

	.stair a span{
		margin-top: 24px;
		color: #fff;
		text-decoration: none;
		font-family: 'Aldrich', sans-serif;
		font-size: 18px;
	}

	.stair .stair-middle .stair-description{
		margin-top: 40px;
		height: auto;
	}

	.stair .stair-middle .stair-description{
		padding: 16px 28px;
		margin: 40px 16px 0 16px;
		text-align: center;
	}

	.stair .stair-middle .stair-description h2, .stair .stair-middle .stair-description span{
		font-size: 18px;
	}

	.stair .stair-middle .company:first-child{
		margin-top: 120px;
	}

	.carrier-right .stair-step:last-child{
		height: 1350px;
	}

	.ground{
		margin-top: -90px;
	}

	.ground div{
		width: auto;
		top: -50vw;
		max-width: 90vw;
		height: 70vw;
		align-items: flex-start;
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
	}

	.clouds img{
		width: 80px;
	}

	.carrier .menu-icon, .darkblue .menu-icon{
		background: none;
	}

	.ground .carrier-char{
		width: 28vw;
	}

	.ground div .portal{
		width: 50vw;
	}

	.contact .contactsAnim{
		height: 20vh;
	}

	.contact h1{
		margin-top: 45px;
		font-size: 24px;
		margin-bottom: 25px;
	}

	.contact .href{
		font-size: 16px;
	}

	#skip{
		margin-left: 16px;
	}

}