@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2),
(min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2),
(min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2), 
(min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3),
(max-width: 750px) {

	/* Mobile */
	.desktop {
		display:none;
	}
	
	.mobile {
		display:block;
	}
	
	/* Buttons */
	.btn {
		font-size:3.7vw;
		padding:2% 18.5%;
	}
	
	/* Header */
	#header .logo,
	#header .user-options {
		padding:10px;
		font-size:3.7vw;
	}
	
	#header .logo img {
		width:45%;
		min-width:100px;
	}
	
	#header.logged-in .user-options a {
		min-height:auto;
		font-size:3.2vw;
		padding-right:33%;
		background-size:33%;
		line-height:100%;
	}

	#header .menu--hamburger-icon {
		padding:10px;
	}
	
	#header .menu--hamburger-icon .opener {
		width:34px;
		height:28px;
		padding-right:3px;
	}
	
	#header .menu--hamburger-icon .opener:before,
	#header .menu--hamburger-icon .opener:after,
	#header .menu--hamburger-icon .opener span {
		height:6px;
		top:12px;
	}
	
	#header .menu--hamburger-icon .opener:before {
		top:2px;
	}
	
	#header .menu--hamburger-icon .opener:after {
		top: 22px;
	}
	
	#header .menu--hamburger-icon.active .opener:before,
	#header .menu--hamburger-icon.active .opener:after {
		width:38px;
	}
	
	#header .menu--hamburger-icon,
	#header .menu--notification-icon {
		height:38px;
	}
	
	#header .menu--notification-icon {
		padding:0 10px;
	}
	
	#header .menu--notification-icon a {
		background-size:85%;
	}
	
	#header .menu--notification-icon a span {
		padding-left:25px;
	}
	
	/* Navigation */
	#nav-drawer ul li a span {
		width:20px;
		height:20px;
		font-size:15px;
		line-height:19px;
	}

	/* Footer*/
	#footer a {
		font-size:3.5vw;
	}
	
	#footer .copyright {
		font-size:12px;
	}
	
	/* Content Between Header & Footer */
	#content-wrapper {
		padding-top:17%;
	}
	
	/* Form Elements */
	label,
	.row--field.input-error .message {
		font-size:3vw;
	}
	
	.row--field.input-error::after {
		bottom:51%;
	}
	
	.select {
		width:240px;
	}
	
	.select select {
		width:268px;
	}
	
	/* Shared font sizes */
	body {
		font-size:3.6vw;
	}
	
	.home .content--hero .white-bar h1, 
	.home .content--sign-up h2,
	.register .content--register-form h2, 
	.login .content--login-form h2 {
		font-size:6.3vw;
	}
	
	.home .content--hero .white-bar h2,
	.home .content--sign-up h3, 
	.home .content--get-card h3,
	.login .content--login-form h4 {
		font-size:5.1vw;
	}
	
	.home .content--hero .read-more,
	.home .content--sign-up .read-more  {
		font-size:2.7vw;
	}
	
	
	/* Home Page */
	.home .content--hero .white-bar h1,
	.home .content--hero .white-bar h2 {
		width:100%;
	}

	.home .content--hero .white-bar .inner {
		text-align:center;
	}

	.home .content--hero .white-bar .btn {
		position:relative;
		right:auto;
		top:auto;
		margin:20px auto;
	}

	.home .content--sign-up .list {
		width:100%;
		background-size:47%;
		background-position:-7% 31%;
		font-size:4vw;
		margin-bottom:0;
		min-height:auto;
		-ms-behavior: url(css/backgroundsize.min.htc);
	}
	
	.home .content--sign-up .list ul {
		padding:25% 0 25% 50%;
		width:50%;
	}
	
	.home .content--get-card img {
		width:75%;
	}
	
	.home .content--get-card p {
		width:55%;
	}
	
	/* Register Page, Login Page */
	.register .content--register-form, 
	.login .content--login-form {
		width:90%;
	}
	
	.register-enter-code .content--register-form .row--field {
		width:100%;
	}
}