@media (min-width: 480px) {
	#optionWrapper {
		width: 420px;
	}

	#iceCreamImageBox {
		width: 420px;
	}

	#cup {
		left: 110px;
	}

	#cone {
		width: 350px;
		position: absolute;
		bottom: 18px;
		right: 20px;
	}

	#vanilla, #chocolate, #caramel, #pistachio, #mintchip, #strawberry, #fluffernuttercrunc, #cookieandcream, #earlgreytea, #ginger, #honeycomb {
		left: 120px;
	}

	#vanilla2, #chocolate2, #caramel2, #pistachio2, #mintchip2, #strawberry2, #fluffernuttercrunc2, #cookieandcream2, #earlgreytea2, #ginger2, #honeycomb2 {
		left: 120px;
	}

	#vanilla3, #chocolate3, #caramel3, #pistachio3, #mintchip3, #strawberry3, #fluffernuttercrunc3, #cookieandcream3, #earlgreytea3, #ginger3, #honeycomb3 {
		left: 120px;
	}

	#totalCostBox {
		width: 420px;
	}
}

@media (min-width: 768px) {

	nav {
		position: relative;
	}

	#logoContainer {
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -85px;
	}

	#logo {
		width: 170px;
		margin: 0 auto;
	}

	#createYourOwnSection {
		position: absolute;
		top: 100px;
		left: 50%;
		width: 750px;
		height: 920px;
		margin: 0 auto;
		margin-left: -375px;
		margin-bottom: 50px;
	}

	#optionWrapper {
		width: 250px;
		position: absolute;
		left: 30px;
		top: 90px;
	}

	.styled-select {
		margin: 10px;
	}

	.styled-select select {
		height: 40px;
		padding: 10px;
		font-size: 15px;
	}

	#iceCreamImageBox {
		position: absolute;
		left: 320px;
		top: 70px;
		width: 400px;
		height: 750px;
	}

	#cup {
		bottom: 150px;
		left: 110px;
	}

	#cone {
		width: 380px;
		bottom: 10px;
		left: 18px;
	}

	#vanilla, #chocolate, #caramel, #pistachio, #mintchip, #strawberry, #fluffernuttercrunc, #cookieandcream, #earlgreytea, #ginger, #honeycomb {
		width: 250px;
		bottom: 250px;
		left: 87px;
	}

	#vanilla2, #chocolate2, #caramel2, #pistachio2, #mintchip2, #strawberry2, #fluffernuttercrunc2, #cookieandcream2, #earlgreytea2, #ginger2, #honeycomb2 {
		bottom: 380px;
		width: 250px;
		left: 87px;
	}

	#vanilla3, #chocolate3, #caramel3, #pistachio3, #mintchip3, #strawberry3, #fluffernuttercrunc3, #cookieandcream3, #earlgreytea3, #ginger3, #honeycomb3 {
		bottom: 510px;
		width: 250px;
		left: 87px; 
	}

	#totalCostBox {
		position: absolute;
		width: 400px;
		left: 320px;
		top: 850px;
	}
}