@media only screen and (max-width: 513px) {
    html {
        font-size: 80%;
    }

	.mw {
	}

	#first, #bottom {
	}
		
	h1 {
        font-size: 150% !important;
	}
	
	h2 {
		font-size: 100% !important;
	}

	h3 {
		font-size: 100% !important;
	}
	
	.kbp {
		width: 225px;
	}
	
	.mw {
		max-width:400px !important;
	}
	
	.thumbs {
		width:90px !important;
	}
	
	#ig {
		width: 50px !important;
	}
}

@media only screen and (min-width: 514px) {
	.mw {
		min-width: 320px !important;
		max-width:500px !important;
	}

	#first, #bottom {
		width: 500px !important;
	}

    html {
        font-size: 95%;
    }
	
	h1 {
        font-size: 150% !important;
	}
	
	h2 {
		font-size: 100% !important;
	}
	
	h3 {
		font-size: 100% !important;
	}

	.kbp {
		width: 275px;
	}

	#ig {
		width: 70px !important;
	}
}

@media only screen and (min-width: 768px) {
	.mw {
		min-width: 500px !important;
		max-width:700px !important;
	}

	#first, #bottom {
		width: 500px !important;
	}


	.kbp {
		width: 375px;
	}
}

@media only screen and (min-width: 980px) {
	.mw {
		min-width: 700px !important;
		max-width:900px !important;
	}	
}

@media only screen and (min-width: 1120px) {
	.kbp {
		width: 475px;
	}

	.mw {
		min-width: 900px !important;
		max-width:1000px !important;
	}

	#first, #bottom {
		width: 600px !important;
	}

	html {
        font-size: 115%;
    }
	
	h1 {
        font-size: 150% !important;
	}
	
	h2 {
		font-size: 100% !important;
	}
	
	h3 {
		font-size: 100% !important;
	}
	
	.eformer, .datebox {
		width: 225px !important;
	}
	
	#emessage {
		height:150px !important;
		width:500px;
	}
	
	#friendsdiv {
		padding-left: 25px !important;
	}
	
	.button, #buttondiv, #emailbutton, .datebutton, .paybutton {
		width: 175px !important;
	}
}

@media only screen and (min-width: 1500px) {
	.kbp {
		width: 575px;
	}

	.mw {
		min-width: 1000px !important;
		max-width:1300px !important;
	}
	
	#first, #bottom {
		width: 900px !important;
	}

	html {
        font-size: 163%;
    }
	
	h1 {
        font-size: 150% !important;
	}
	
	h2 {
		font-size: 100% !important;
	}
	
	h3 {
		font-size: 100% !important;
	}
	
	.eformer, .datebox {
		width: 225px !important;
	}
	
	#emessage {
		height:150px !important;
		width:500px;
	}
	
	#solodiv {
		margin-right: 0px !important;
	}
	
	#friendsdiv {
		padding-left: 50px !important;
	}
	
	.button, #buttondiv, #emailbutton, .datebutton, .paybutton {
		width: 275px !important;
	}
}

@media only screen and (min-width: 1920px) {
	.kbp {
		width: 626px;
	}

	.mw {
		min-width: 1300px !important;
		max-width:1800px !important;
	}
	
	#first, #bottom {
		width: 900px !important;
	}

	html {
        font-size: 163%;
    }
	
	h1 {
        font-size: 150% !important;
	}
	
	h2 {
		font-size: 100% !important;
	}
	
	h3 {
		font-size: 100% !important;
	}
	
	.eformer, .datebox {
		width: 225px !important;
	}
	
	#emessage {
		height:150px !important;
		width:500px;
	}
	
	#solodiv {
		margin-right: 0px !important;
	}
	
	#friendsdiv {
		padding-left: 50px !important;
	}
	
	.button, #buttondiv, #emailbutton, .datebutton, .paybutton {
		width: 275px !important;
	}
}