@charset "utf-8";
/* CSS Document */

/*SMARTPHONES*/
@media only screen
and (max-device-width : 1024px)
{
/* Styles */
	
h1 {
	font-size: 40px;
	margin-bottom: -25px;
	color: green;
}

.SubjectCategories {
	width: 80%;
	display: block;
	text-align: left;
}
.SubjectCategories a {
	margin-left: 10px;
}
.ExperienceCategories a:hover {
	color: lightgreen;
}

#SubjectsContainer {
	color: white;
	font-size: 40px;
	width: 90%;
	margin-left: 100px;
	opacity: 0;
}
#SubjectsContainer a:hover {
	color: lightgreen;
}
#PricingContainer {
	color: white;
	font-size: 40px;
	width: 90%;
	opacity: 0;
	text-align: left;
	margin-left: 100px;
}
#PricingContainer a {
	margin-left: 20px;
}
#PricingContainer a:hover {
	color: lightgreen;
}
#GoodTutoringContainer {
	color: white;
	font-size: 24px;
	width: 90%;
	opacity: 0;
	text-align: left;
	margin-left: 100px;
}

#Miles {
	height: 50px;
	font-size: 40px;
	line-height: 50px;
	padding-left: 10px;
	color: black;
}
#Quote {
	text-align: right;
	margin-right: 50px;
	color: green;
}
	
}
	
/*LAPTOP/DESKTOP*/
@media only screen
and (min-device-width : 1025px) {
/* Styles */

h1 {
	font-size: 24px;
	margin-bottom: -25px;
	color: green;
}

.SubjectCategories {
	width: 225px;
	float: left;
}
.SubjectCategories a {
	margin-left: 10px;
}
.ExperienceCategories a:hover {
	color: lightgreen;
}

#SubjectsContainer {
	color: white;
	font-size: 24px;
	width: 90%;
	min-width: 900px;
	margin: 50px 20px 50px 20px;
	opacity: 0;
}
#SubjectsContainer a:hover {
	color: lightgreen;
}
#PricingContainer {
	color: white;
	font-size: 24px;
	width: 90%;
	min-width: 900px;
	margin: 50px 20px 50px 100px;
	opacity: 0;
}
#PricingContainer a {
	margin-left: 20px;
}
#PricingContainer a:hover {
	color: lightgreen;
}
#GoodTutoringContainer {
	color: white;
	font-size: 24px;
	width: 90%;
	opacity: 0;
	text-align: left;
	margin-left: 100px;
}

#Miles {
	height: 30px;
	font-size: 24px;
	line-height: 30px;
	padding-left: 10px;
	color: black;
}
#Quote {
	margin-left: 250px;
	color: green;
}
	
}