/* ! vertical tablets */

@media screen and (max-width: 990px) {
	header, section {
		max-width: 990px;
		min-width: 768px;
	}
	
	header .title {
		flex-direction: column;
	}
	
	header .title h2 {
		padding-left: 75px;
		font-size: 28px;
	}
	
	#phone {
		left: calc(100% - 380px - 15px);
	}
	
	article:nth-child(even) {
		margin-left: 0;
	}
	
	.secondary article:nth-child(odd) {
		margin-left: 0;
	}
	
	footer .end img {
		margin: 0 60px;
	}
}

/* ! phones */

@media screen and (max-width: 767px) {
	header, section {
		max-width: 768px;
		min-width: 320px;
		padding: 0 6vw;
	}
	
	nav {
		flex-direction: column;
		margin-top: 16px;
	}
	
	nav a {
		line-height: 26px;
	}
	
	nav .center {
		justify-content: center;
	}
	
	nav .center a {
		display: none;
	}
	
	nav .center a.download {
		display: block;
		margin: 0 auto;
		width: 300px;
		line-height: 24px;
	}
	
	nav .center a.download.fixed {
		left: calc(50% - 150px);
		top: 12px;
	}
	
	header {
		height: 80vh;
	}
	
	header .title {
		top: calc(40vh - 100px);
	}
	
	#phone {
		width: 380px;
		height: 750px;
		position: relative;
		top: -60px;
		left: calc(50% - 190px);
		transform: scale(0.84);
	}
	
	article, article div {
		width: auto !important;
		flex-shrink: 1;
	}
	
	footer .brand {
		padding: 12vh 0;
	}
	
	footer .end {
		flex-direction: column;
		margin-bottom: 80px;
	}
	
	footer .end p {
		text-align: center !important;
		padding: 5px 0;
	}
	
	footer .end > a {
		order: -1;
	}
	
	footer .end img {
		margin: 24px auto;
	}
}