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

/*IPhone*/


@media (max-width: 436px) {
	
	h1 {
		font-size: 23px;
		width: 70vw;
		margin-top: 60px;
	}
	h2 {
		font-size: 23px;
	}
	p {
		font-size: 15px;
	}
	body {
		-webkit-text-size-adjust:none;
	}
	
	/*General Nav*/
	
	#BoxFiller {
		padding-top: 8vw;
		width: 100vw;
		color: none;
		font-size: 0.1px;
		background: none;
	}
	#GeneralNav {
	position: sticky;
	top: 10px;
	}
	#GeneralNavText {
		display: none;
	}
	#CrystalRaindropImageFlag {
		width: 100px;
		height: 100px;
		border-bottom-right-radius: 30px;
		border-top-right-radius: 30px;
	}
	#GeneralNav button {
		border-bottom-left-radius: 30px;
		border-top-left-radius: 30px;
	}
	#MobileNavIconFlag {
		display:inline-flex;
	}
	#MobileNavIconFlagImage {
		display:inline-flex;
		width: 100px;
		height: 100px;
		border-bottom-left-radius: 30px;
		border-top-left-radius: 30px;
	}
	#MobileGeneralNavTextContainer {
		justify-content: center;
		margin-top: 110px;
	}
	#MobileGeneralNavText {
		width: 90%;
		margin-right: 0px;
	}
	#AvailabilitySignSmall{
		width: 15vw;
		height: auto;
		justify-content: center;
	}
	#AvailabilitySignSmallImage{
		margin-right: 0px;
		width: 40vw;
		max-width: 260px;
		border-radius: 20px;
	}
	#PaypalSignFlag {
		display: none;
	}
	#MobilePaypalSign {
		display: inline;
	}
	
	/*General Assets*/
	
	.WaterElementV1 {
		margin-top: 0px;
		display: none;
	}
	.WaterElementV1Image {
		display: none;
	}
	.MobileWaterElementV1 {
		margin-top: -300px;
		display: inline;
	}
	.WaterElementV2 {
		display: none;
	}
	.MobileWaterElementV2 {
		margin-top: -10vw;
		display: inline;
	}
	.CenteredTitleText {
		font-size: 25px;
		padding-top: 30px;
		padding-bottom: 30px;
		padding-right: 20px;
		padding-left: 20px;
	}
	.GeneralTitleDescription {
		font-size: 23px;
		width: 70vw;
		margin-top: 0px;
		margin-bottom: 100px;
	}
	#ThinkOfHavingCommissionDone {
		margin-bottom: 100px;
	}
	
	/*General Footer*/
	
	main {
		background-size: 155vw;
	}
	#BoxFillerText {
		padding-top: 35vw;
	}
	/*footer{ 
		height: 650px;
	}*/
	#BottomNavText {
		width: 90%;
	}
	#BottomNavText a {
		margin-right: 2vw;
		margin-left: 2vw;
	}
	.BottomLinksTitle {
		font-size: 19px;	
	}
	.BottomLinksList {
		padding-top: 15px;
	}
	.BottomLinks {
		font-size: 15px;
	}
	#CopyrightText {
		font-size: 12px;
	}
	
	/*HomePage*/
	
	#CrystalRaindrop {
		margin-top: 1vh;
		width: 40vw;
		min-width: 225px;
		margin-bottom: 20px;
	}
	#DripDropText {
		font-size: 40px;
		margin-top: -30px;
	}
	#DigitalArtistText {
		font-size: 40px;
	}
	#NavText {
		display: none;
	}
	#NavText a {
		font-size: 20px;
		margin-right: 1.5vw;
		margin-left: 1.5vw;
	}
	#MobileNavText {
		display: block;
		width: 60%;
		margin-left: 20%;
	}
	#MobileNavText a {
		font-size: 20px;
	}
	#StickyIcons {
		margin-top: 320px;
		top: -30px;
	}
	#ContactIcons {
		margin-left: -10px;
	}
	#ContactIcons img{
		width: 13vw;
		margin-right: 1.5vw;
	}
	#AvailabilitySign {
		margin-right: -15px;
	}
	#AvailabilitySignImage {
		width: 40vw;
	}
	#Intro_Section {
		margin-top: 50px;
		align-content: center;
		margin-right: auto;
		margin-left: auto;
		max-width: 80vw;
	}
	#HiImDripDropText {
		text-align: center;
		margin-right: auto;
		margin-left: auto;
		font-size: 22px;
		padding: 45px;
		border-radius: 70px;
		max-width: 60vw;
	}
	#FancyLettering {
		width: 100%;
		clear:both;
		margin: -40px auto 0 auto;
	}
	#FancyLetteringGif {
		width: 125%;
		margin-left: -12.5%;
	}
	#StormCloud {
		width: 100%;
		flex-direction: column-reverse;
		margin-top: -50px;
	}
	#StormCloudGif {
		width: 95%;
	}
	#StormCloud span {
		align-self: center;
		font-size: 40px;
		width: 100%;
		text-align: center;
		margin-bottom: 50px;
	}
	#SimpleProcessTitleText {
		margin-top: 19vw;
	}
	#ProcessDashedLineImage {
		display: none;
	}
	#MobileProcessDashedLineImage {
		width: 40%;
		margin-left: 30vw;
		height: 1200px;
		display: inline;
	}
	.ProcessText {
		font-size: 18px;
		padding-top: 20px;
		padding-bottom:20px;
		padding-left: 15px;
		padding-right: 15px;
		border-radius: 60px;
		width: 80vw;
	}
	#ProcessText01 {
		margin: 80px auto 0 auto;
	}
	#ProcessPaypalSignImage {
		display: none;
	}
	#MobileProcessPaypalSignImage {
		width: 70vw;
		margin-left: 15vw;
		margin-right: auto;
		margin-top: 10px;
		display: inline;
	}
	#ProcessText02 {
		margin-left: auto;
		margin-right: auto;
		margin-top: 30px;
	}
	#ProcessCalenderImage {
		width: 60vw;
		margin-left: 25vw;
		margin-top: 10px;
	}
	#ProcessText03 {
		margin-left: auto;
		margin-right: auto;
		margin-top: 30px;
	}
	#ProcessText04 {
		font-size: 20px;
		padding-top: 30px;
		padding-bottom:30px;
		padding-left: 0px;
		padding-right: 0px;
		border-radius: 60px;
		border-width: 6px;
		width: 80vw;
		margin-left: auto;
		margin-right: auto;
		margin-top: 100px;
	}
	#InterestedLookAtPrice {
		margin-top: 170px;
		margin-bottom: 10vw;
		
	}
	
	/*Pricing Guide*/
	
	#PricingGuideTitle {
		margin-top: -20vw;
	}
	#PricingGuideSkipTitle {
		font-size: 30px;
		width: 50vw;
		margin-top: 50px;
		transform: rotate(-10deg);
	}
	#PricingGuideSkipIcons {
		width: 90vw;
		flex-wrap: wrap;
		justify-content: center;
	}
	.PricingGuideSkipIconContainer {
		width: 25vw;
		padding: 20px;
		margin-top: -20px;
	}
	.PricingGuideSkipIconContainer span {
		font-size: 18px;
	}
	.SkipIconImage {
		height: 25vw;
		max-height: 140px;
	}
	.PricingGuideSection{
		flex-direction: column-reverse;
		justify-content: space-around;
		width: 90vw;
	}
	.PricingGuideText{
		width: 75vw;
		padding: 30px;
		border-radius: 40px;
	}
	#PricingGuideSection2 {
		margin-top: 40px;
		flex-direction: column;
	}
	#OtterV1Image {
		width: 70vw;
		max-width: 400px;
		margin-top: -30px;
		padding-bottom: 40px;
	}
	#PricingGuideSection3 {
		margin-top: -0px;
	}
	#OtterV2Image {
		width: 70vw;
		margin-top: 0px;
		padding-bottom: 40px;
	}
	#OtterDuckyGif{
		width: 70vw;
		margin-top: 0px;
		padding-bottom: 40px;
		padding-left: 0px;
	}
	#PricingGuideSection4 {
		margin-top: -0px;
		flex-direction: column;
		margin-bottom: 25px;
	}
	#PageDesignImage {
		width: 70vw;
		padding-bottom: 40px;
		
	}
	#ThinkOfHavingCommissionDone {
		font-size: 20px;
		margin-top: 100px;
	}
	
	/*Past Work*/
	
	#PastWorkTitle h1{
		margin-top: -20px;;
	}
	.PastWorkSection {
		width: 90%;
		flex-direction: column;
		margin-bottom: 80px;
	}
	.PastWorkText {
		padding: 30px;
		width: 70%;
		max-width: 600px;
		border-radius: 40px;
	}
	#PastWorkSection2 {
		flex-direction: column-reverse;
	}
	#PastWorkImage1 {
		width: 80%;
		max-width: 450px;
		border-radius: 50px;
		box-shadow: rgb(0, 0, 0) 0px 20px 30px -10px;
		margin-right: 0px;
		margin-bottom: 50px;
	}
	#PastWorkImage2 {
		width: 80%;
		max-width: 450px;
		border-radius: 50px;
		box-shadow: rgb(0, 0, 0) 0px 20px 30px -10px;
		margin-left: 0px;
		margin-bottom: 50px;
	}
	#PastWorkImage3 {
		width: 80%;
		max-width: 450px;
		border-radius: 50px;
		/*box-shadow: rgb(0, 0, 0) 0px 20px 30px -10px;*/
		margin-right: 0px;
		margin-bottom: 50px;
	}
	#EmoteText {
		width: 70%;
	}
	#EmoteArray {
		display: flex;
		flex-direction: row;
		justify-content: center;
		flex-wrap: wrap;
		margin-bottom: 50px;
		width: 90vw;
		max-width: 1200px;
	}
	.EmoteImage {
		padding: 5px;
		width: 35vw;
		max-width: 350px;
		border-radius: 20px;
	}
	#PastWorkMediaIconsContainer {
		flex-direction: column;
		margin-top: 0px;
	}
	.PastWorkIconContainer span{
		font-size: 25px;
		margin-top: 20px;
	}
	.PastWorkIconContainer {
		padding: 3vw;
	}
	.PastWorkIconImageLong {
		border-radius: 50px;
		display: flex;
	}
	.PastWorkIconImage {
		width: 12vw;
		max-width: 170px;
		display: none;
	}
	#PastWorkLastText {
		margin-bottom: 50px;
		max-width: 300px;
	}
	
	/*Terms of Service Page*/
	
	#TermsOfServicePageTitle{
		font-size: 45px;
		margin-top: 10px;
		margin-bottom: 40px;
	}
	.TermsOfServiceContainer {
		background-color: green;
	}
	.TermsOfServiceSection{
		margin-left: 0px;
	}
	.TermsOfServiceNumber {
		font-size: 40px;
		padding: 30px;
		width: 30px;
		display: none;
	}
	.TermsOfServiceBox {
		flex-direction: column;
		width: 90vw;
	}
	.TermsOfServiceTitle{
		font-size: 35px;
		padding: 40px;
		width: auto;
	}
	.TermsOfServiceText{
		padding: 40px;
		font-size: 17px;
		width: auto;
	}
	#EmailSection{
		margin-top: 25px;
		margin-left: 5vw;
		margin-bottom: 0px;
	}
	.EmailBox {
		width: 90vw;
	}
	.EmailTitle{
		font-size: 35px;
		padding: 40px;
		width: auto;
	}
	.EmailText{
		padding: 40px;
		font-size: 17px;
	}
	.EmailInfoForm{
		width: 60vw;
		margin-top: 0px;
		margin-bottom: 20px;
		padding-left: 15px;
		max-height: 40px;
		font-size: 17px;
	}
	#EmailSubmitButton{
		width: 60vw;
		height: 60px;
		font-size: 20px;
	}
	.LogoLabeledImage {
		width: 17vw;
	}
	#OrTextImage {
		width: 5vw;
		padding-bottom: 12.5vw;
	}
	
	/*Contact Me Page*/
	
	.ContactMePageTitle{
		font-size: 40px;
		width: 80vw;
	}
	.ContactMeSection{
		margin-top: 35px;
		margin-left: 0vw;
		flex-direction: column;
		align-items: center;
	}
	.ContactMeBox {
		width: 90vw;
		flex-direction: column;
		align-items: center;
	}
	.ContactMeTitle{
		font-size: 30px;
		padding-top: 40px;
		padding-bottom: 40px;
		padding-left: 6vw;
		padding-right: 6vw;
		text-align: center;
		width: 78vw;
	}
	.ContactMeText{
		padding: 40px;
		font-size: 20px;
		width: 76vw;
	}
	.ContactMeIcon {
		padding: 0px;
		margin-bottom: 20px;
		width: 90vw;
		align-items: center;
		display: flex;
		flex-direction: column;
	}
	.ContactMeIconImage {
		display: none;
	}
	.ContactMeIconImageLong {
		display: inline-flex;
	}
	.AvailabilityImages{
		width: 70vw;
		max-width: 300px;
	}
	.ContactMeAvailabilityText {
		padding: 40px;
		border-radius: 50px;
		width: 75vw;
		font-size: 20px;
		margin-bottom: 50px;
		text-align: center;
	}
	/*Email Confirmation Page*/
	
	#NoIconHoverDiscord{
		display: inline-flex;
		margin-bottom: 10px;
	}
	#JoinMyDiscordButton {
		font-size: 25px;
	}
}



/*Monitors and IPad*/

@media (max-width: 700px) and (min-width : 436px){
	
	h1 {
		font-size: 23px;
		width: 70vw;
		margin-top: 60px;
	}
	h2 {
		font-size: 23px;
	}
	p {
		font-size: 15px;
	}
	
	/*General Nav*/
	
	#GeneralNav {
		position: sticky;
		top: 10px;
	}
	#BoxFiller {
		padding-top: 8vw;
		width: 100vw;
		color: none;
		font-size: 0.1px;
		background: none;
	}
	#GeneralNavText {
		display: none;
	}
	#CrystalRaindropImageFlag {
		width: 100px;
		height: 100px;
		border-bottom-right-radius: 30px;
		border-top-right-radius: 30px;
	}
	#GeneralNav button {
		border-bottom-left-radius: 30px;
		border-top-left-radius: 30px;
	}
	#MobileNavIconFlag {
		display:inline-flex;
	}
	#MobileNavIconFlagImage {
		display:inline-flex;
		width: 100px;
		height: 100px;
		border-bottom-left-radius: 30px;
		border-top-left-radius: 30px;
	}
	#MobileGeneralNavTextContainer {
		justify-content: center;
		margin-top: 110px;
	}
	#MobileGeneralNavText {
		width: 90%;
		margin-right: 0px;
	}
	#AvailabilitySignSmall{
		width: 15vw;
		height: auto;
		justify-content: center;
	}
	#AvailabilitySignSmallImage{
		margin-right: 0px;
		width: 45vw;
		max-width: 260px;
	}
	#PaypalSignFlag {
		display: none;
	}
	#MobilePaypalSign {
		display: inline;
	}
	
	/*General Assets*/
	
	.WaterElementV1 {
		margin-top: 0px;
		display: none;
	}
	.WaterElementV1Image {
		display: none;
	}
	.MobileWaterElementV1 {
		margin-top: -300px;
		display: inline;
	}
	.WaterElementV2 {
		display: none;
	}
	.MobileWaterElementV2 {
		margin-top: -10vw;
		display: inline;
	}
	.CenteredTitleText {
		font-size: 25px;
		padding-top: 30px;
		padding-bottom: 30px;
		padding-right: 20px;
		padding-left: 20px;
	}
	.GeneralTitleDescription {
		font-size: 23px;
		width: 70vw;
		margin-top: 0px;
		margin-bottom: 100px;
	}
	#ThinkOfHavingCommissionDone {
		margin-bottom: 100px;
	}
	
	/*General Footer*/
	
	main {
		background-size: 155vw;
	}
	#BoxFillerText {
		padding-top: 35vw;
	}
	/*footer{ 
		height: 450px;
	}*/
	#BottomNavText {
		width: 90%;
	}
	#BottomNavText a {
		margin-right: 2vw;
		margin-left: 2vw;
	}
	.BottomLinksTitle {
		font-size: 18px;	
	}
	.BottomLinksList {
		padding-top: 15px;
	}
	.BottomLinks {
		font-size: 12px;
	}
	#CopyrightText {
		font-size: 12px;
	}
	
	/*HomePage*/
	
	#CrystalRaindrop {
		margin-top: 1vh;
		width: 50vw;
		min-width: 300px;
		margin-bottom: 10px;
	}
	#DripDropText {
		font-size: 50px;
		margin-top: -30px;
	}
	#DigitalArtistText {
		font-size: 50px;
	}
	#NavText {
		display: none;
	}
	#NavText a {
		font-size: 40px;
		margin-right: 1.5vw;
		margin-left: 1.5vw;
	}
	#MobileNavText {
		display: block;
	}
	#MobileNavText a {
		font-size: 20px;
	}
	#StickyIcons {
		margin-top: 320px;
		top: -30px;
	}
	#ContactIcons {
		margin-left: -10px;
	}
	#ContactIcons img{
		width: 13vw;
		margin-right: 1.5vw;
	}
	#AvailabilitySign {
		margin-right: -15px;
	}
	#AvailabilitySignImage {
		width: 40vw;
	}
	#Intro_Section {
		margin-top: 50px;
		align-content: center;
		margin-right: auto;
		margin-left: auto;
		max-width: 80vw;
	}
	#HiImDripDropText {
		text-align: center;
		margin-right: auto;
		margin-left: auto;
		font-size: 20px;
		padding: 60px;
		border-radius: 70px;
		max-width: 60vw;
	}
	#FancyLettering {
		width: 100%;
		margin-top: -5vw;
		clear:both;
		margin-left: auto;
		margin-right: auto;
	}
	#FancyLetteringGif {
		width: 120%;
		margin-left: -10%;
	}
	#StormCloud {
		width: 100%;
		flex-direction: column-reverse;
		margin-top: -50px;
	}
	#StormCloud span {
		align-self: center;
		font-size: 40px;
		width: 100%;
		text-align: center;
		margin-bottom: 50px;
	}
	#SimpleProcessTitleText {
		margin-top: 19vw;
	}
	#ProcessDashedLineImage {
		display: none;
	}
	#MobileProcessDashedLineImage {
		width: 40vw;
		margin-left: 30vw;
		height: 1200px;
		display: inline;
	}
	.ProcessText {
		font-size: 18px;
		padding-top: 20px;
		padding-bottom:20px;
		padding-left: 15px;
		padding-right: 15px;
		border-radius: 60px;
		width: 80vw;
	}
	#ProcessText01 {
		margin-left: auto;
		margin-right: auto;
		margin-top: 80px;
	}
	#ProcessPaypalSignImage {
		display: none;
	}
	#MobileProcessPaypalSignImage {
		width: 70vw;
		margin-left: 15vw;
		margin-right: auto;
		margin-top: 10px;
		display: inline;
	}
	#ProcessText02 {
		margin-left: auto;
		margin-right: auto;
		margin-top: 30px;
	}
	#ProcessCalenderImage {
		width: 60vw;
		margin-left: 25vw;
		margin-top: 10px;
	}
	#ProcessText03 {
		margin-left: auto;
		margin-right: auto;
		margin-top: 30px;
	}
	#ProcessText04 {
		font-size: 20px;
		padding-top: 30px;
		padding-bottom:30px;
		padding-left: 0px;
		padding-right: 0px;
		border-radius: 80px;
		border-width: 6px;
		width: 80vw;
		margin-left: auto;
		margin-right: auto;
		margin-top: 100px;
	}
	#InterestedLookAtPrice {
		margin-top: 170px;
		margin-bottom: 10vw;
		
	}
	
	/*Pricing Guide*/
	
	#PricingGuideTitle {
		margin-top: -20vw;
	}
	#PricingGuideSkipTitle {
		font-size: 30px;
		width: 50vw;
		margin-top: 50px;
		transform: rotate(-10deg);
	}
	#PricingGuideSkipIcons {
		width: 90vw;
		flex-wrap: wrap;
		justify-content: center;
	}
	.PricingGuideSkipIconContainer {
		width: 25vw;
		padding: 20px;
		margin-top: -20px;
	}
	.PricingGuideSkipIconContainer span {
		font-size: 18px;
	}
	.SkipIconImage {
		height: 25vw;
		max-height: 140px;
	}
	.PricingGuideSection{
		flex-direction: column-reverse;
		justify-content: space-around;
		width: 90vw;
	}
	.PricingGuideText{
		width: 75vw;
		padding: 30px;
		border-radius: 40px;
	}
	#PricingGuideSection2 {
		margin-top: 40px;
		flex-direction: column;
	}
	#OtterV1Image {
		width: 70vw;
		max-width: 400px;
		margin-top: -30px;
		padding-bottom: 40px;
	}
	#PricingGuideSection3 {
		margin-top: -0px;
	}
	#OtterV2Image {
		width: 70vw;
		margin-top: 0px;
		padding-bottom: 40px;
	}
	#OtterDuckyGif{
		width: 70vw;
		margin-top: 0px;
		padding-bottom: 40px;
		padding-left: 0px;
	}
	#PricingGuideSection4 {
		margin-top: -0px;
		flex-direction: column;
		margin-bottom: 25px;
	}
	#PageDesignImage {
		width: 70vw;
		padding-bottom: 40px;
		
	}
	#ThinkOfHavingCommissionDone {
		font-size: 20px;
		margin-top: 100px;
	}
	
	/*Past Work*/
	
	#PastWorkTitle h1{
		margin-top: -20px;;
	}
	.PastWorkSection {
		width: 90%;
		flex-direction: column;
		margin-bottom: 80px;
	}
	.PastWorkText {
		padding: 30px;
		width: 70%;
		max-width: 600px;
		border-radius: 40px;
	}
	#PastWorkSection2 {
		flex-direction: column-reverse;
	}
	#PastWorkImage1 {
		width: 80%;
		max-width: 450px;
		border-radius: 50px;
		box-shadow: rgb(0, 0, 0) 0px 20px 30px -10px;
		margin-right: 0px;
		margin-bottom: 50px;
	}
	#PastWorkImage2 {
		width: 80%;
		max-width: 450px;
		border-radius: 50px;
		box-shadow: rgb(0, 0, 0) 0px 20px 30px -10px;
		margin-left: 0px;
		margin-bottom: 50px;
	}
	#PastWorkImage3 {
		width: 80%;
		max-width: 450px;
		border-radius: 50px;
		/*box-shadow: rgb(0, 0, 0) 0px 20px 30px -10px;*/
		margin-right: 0px;
		margin-bottom: 50px;
	}
	#EmoteText {
		width: 70%;
	}
	#EmoteArray {
		display: flex;
		flex-direction: row;
		justify-content: center;
		flex-wrap: wrap;
		margin-bottom: 50px;
		width: 90vw;
		max-width: 1200px;
	}
	.EmoteImage {
		padding: 5px;
		width: 35vw;
		max-width: 350px;
		border-radius: 20px;
	}
	#PastWorkMediaIconsContainer {
		flex-direction: column;
		margin-top: 0px;
	}
	.PastWorkIconContainer span{
		font-size: 25px;
		margin-top: 20px;
	}
	.PastWorkIconContainer {
		padding: 3vw;
	}
	.PastWorkIconImageLong {
		border-radius: 50px;
		display: flex;
	}
	.PastWorkIconImage {
		width: 12vw;
		max-width: 170px;
		display: none;
	}
	#PastWorkLastText {
		margin-bottom: 50px;
		max-width: 300px;
	}
	
	/*Terms of Service Page*/
	
	#TermsOfServicePageTitle{
		font-size: 45px;
		margin-top: 10px;
		margin-bottom: 40px;
	}
	.TermsOfServiceContainer {
		background-color: green;
	}
	.TermsOfServiceSection{
		margin-left: 0px;
	}
	.TermsOfServiceNumber {
		font-size: 40px;
		padding: 30px;
		width: 30px;
		display: none;
	}
	.TermsOfServiceBox {
		flex-direction: column;
		width: 90vw;
	}
	.TermsOfServiceTitle{
		font-size: 35px;
		padding: 40px;
		width: auto;
	}
	.TermsOfServiceText{
		padding: 40px;
		font-size: 17px;
		width: auto;
	}
	#EmailSection{
		margin-top: 25px;
		margin-left: 5vw;
		margin-bottom: 0px;
	}
	.EmailBox {
		width: 90vw;
	}
	.EmailTitle{
		font-size: 35px;
		padding: 40px;
		width: auto;
	}
	.EmailText{
		padding: 40px;
		font-size: 17px;
	}
	.EmailInfoForm{
		width: 60vw;
		margin-top: 0px;
		margin-bottom: 20px;
		padding-left: 15px;
		max-height: 40px;
		font-size: 17px;
	}
	#EmailSubmitButton{
		width: 60vw;
		height: 60px;
		font-size: 20px;
	}
	.LogoLabeledImage {
		width: 17vw;
	}
	#OrTextImage {
		width: 5vw;
		padding-bottom: 12.5vw;
	}
	
	/*Contact Me Page*/
	
	.ContactMePageTitle{
		font-size: 40px;
		width: 80vw;
	}
	.ContactMeSection{
		margin-top: 35px;
		margin-left: 0vw;
		flex-direction: column;
		align-items: center;
	}
	.ContactMeBox {
		width: 90vw;
		flex-direction: column;
		align-items: center;
	}
	.ContactMeTitle{
		font-size: 30px;
		padding-top: 40px;
		padding-bottom: 40px;
		padding-left: 6vw;
		padding-right: 6vw;
		text-align: center;
		width: 78vw;
	}
	.ContactMeText{
		padding: 40px;
		font-size: 20px;
		width: 76vw;
	}
	.ContactMeIcon {
		padding: 0px;
		margin-bottom: 20px;
		width: 90vw;
		align-items: center;
		display: flex;
		flex-direction: column;
	}
	.ContactMeIconImage {
		display: none;
	}
	.ContactMeIconImageLong {
		display: inline-flex;
	}
	.AvailabilityImages{
		width: 60vw;
		max-width: 300px;
	}
	.ContactMeAvailabilityText {
		padding: 40px;
		border-radius: 50px;
		width: 75vw;
		font-size: 20px;
		margin-bottom: 50px;
		text-align: center;
	}
	
	/*Email Confirmation Page*/
	
	#NoIconHoverDiscord{
		display: inline-flex;
		margin-bottom: 10px;
	}
	#JoinMyDiscordButton {
		font-size: 25px;
		height: 60px;
	}
}

@media (max-width : 950px) and (min-width : 700px){
	
	h1 {
		font-size: 25px;
		width: 40vw;
		margin-top: 100px;
		margin-bottom: 75px;
	}
	h2 {
		font-size: 28px;
	}
	p {
		font-size: 16px;
	}
	
	/*General Nav*/
	
	#JumpToPageTop {
		display: block;
	}
	#BoxFiller {
		padding-top: 10vw;
	}
	#GeneralNavText {
		display: none;
	}
	#MobileNavIconFlag {
		display:inline-flex;
	}
	#PaypalSignFlag {
		margin-top: 170px;
	}
	#PaypalSignImageFlag {
		width: 23vw;
	}
	
	/*General Assets*/
	
	.WaterElementV1 {
		margin-top: -350px;
	}
	.WaterElementV2 {
		margin-top: 8vw;
	}
	.CenteredTitleText {
		font-size: 30px;
		padding-top: 30px;
		padding-bottom: 30px;
		padding-right: 20px;
		padding-left: 20px;
	}
	.GeneralTitleDescription {
		font-size: 25px;
		width: 40vw;
		margin-top: 100px;
	}
	
	/*General Footer*/
	
	main {
		background-size: 125vw;
	}
	#BoxFillerText {
		padding-top: 35vw;
	}
	/*footer{ 
		height: 450px;
	}*/
	#BottomNavText {
		width: 90%;
	}
	#BottomNavText a {
		margin-right: 2vw;
		margin-left: 2vw;
	}
	.BottomLinksTitle {
		font-size: 20px;	
	}
	.BottomLinksList {
		padding-top: 15px;
	}
	.BottomLinks {
		font-size: 15px;
	}
	
	/*HomePage*/
	
	#CrystalRaindrop {
		margin-top: 3vh;
		width: 40vw;
		min-width: 350px;
	}
	#DripDropText {
		font-size: 60px;
		margin-top: -35px;
	}
	#DigitalArtistText {
		font-size: 60px;
	}
	#NavText {
		margin-top: 0px;
		display: none;
	}
	#NavText a {
		font-size: 20px;
		margin-right: 1.5vw;
		margin-left: 1.5vw;
	}
	#MobileNavText {
		display: block;
		width: 38%;
		margin-left: 31vw;
	}
	#MobileNavText a {
		font-size: 25px;
	}
	#StickyIcons {
		margin-top: 390px;
		top: -30px;
	}
	#ContactIcons {
		margin-left: 0px;
	}
	#ContactIcons img{
		width: 8vh;
		margin-right: 1.5vw;
		max-width: 100px;
	}
	#AvailabilitySign {
	
	}
	#AvailabilitySignImage {
		width: 25vh;
		max-width: 300px;
	}
	#Intro_Section {
		margin-top: 50px;
		align-content: center;
		margin-right: auto;
		margin-left: auto;
		max-width: 80vw;
	}
	#HiImDripDropText {
		text-align: center;
		margin-right: auto;
		margin-left: auto;
		font-size: 30px;
		padding: 60px;
		border-radius: 70px;
		max-width: 60vw;
	}
	#FancyLettering {
		width: 100%;
		margin-top: -2vw;
		clear:both;
	}
	#FancyLetteringGif {
		width: 100%;
		margin-left: 0vw;
	}
	#StormCloud {
		width: 100%;
		margin-top: 50px;
	}
	#StormCloud span {
		font-size: 45px;
	}
	#SimpleProcessTitleText {
		margin-top: 20vw;
	}
	#ProcessDashedLineImage {
		width: 55vw;
		margin-left: 25vw;
		height: 800px;
	}
	.ProcessText {
		font-size: 14px;
		padding-top: 20px;
		padding-bottom:20px;
		padding-left: 15px;
		padding-right: 15px;
		border-radius: 60px;
		width: 40vw;
	}
	#ProcessText01 {
		margin-left: 10vw;
		margin-top: 120px;
	}
	#ProcessPaypalSignImage {
		width: 32vw;
		margin-left: 10vw;
		margin-top: 10px;
	}
	#ProcessText02 {
		margin-left: 50vw;
		margin-top: -130px;
	}
	#ProcessCalenderImage {
		width: 28vw;
		margin-left: 50vw;
		margin-top: -30px;
	}
	#ProcessText03 {
		margin-left: 10vw;
		margin-top: -20px;
	}
	#ProcessText04 {
		font-size: 20px;
		padding-top: 35px;
		padding-bottom:35px;
		padding-left: 10px;
		padding-right: 10px;
		border-radius: 100px;
		border-width: 6px;
		width: 60vw;
		margin-left: 20vw;
		margin-top: 130px;
	}
	#InterestedLookAtPrice {
		margin-top: 170px;
		margin-bottom: 0px;
		
	}
	
	/*Pricing Guide*/
	
	#PricingGuideSkipIcons {
		width: 70vw;
	}
	.PricingGuideSkipIconContainer {
		width: 12vw;
	}
	.PricingGuideSkipIconContainer span {
		font-size: 20px;
	}
	.SkipIconImage {
		height: 12vw;
	}
	.PricingGuideSection{
		flex-direction: row;
		justify-content: space-around;
		width: 90vw;
	}
	.PricingGuideText{
		width: 40vw;
		padding: 40px;
		border-radius: 50px;
	}
	#PricingGuideSection2 {
		margin-top: 40px;
	}
	#OtterV1Image {
		width: 30vw;
		margin-top: 0px;
	}
	#PricingGuideSection3 {
		margin-top: -0px;
	}
	#OtterV2Image {
		width: 35vw;
		margin-top: 0px;
	}
	#PricingGuideSection4 {
		margin-top: -0px;
	}
	#OtterDuckyGif{
		width: 38vw;
		padding-left: 20px;
	}
	#ThinkOfHavingCommissionDone {
		font-size: 30px;
		margin-top: 225px;
	}
	
	/*Past Work*/
	
	#PastWorkTitle h1{
		
	}
	.PastWorkSection {
		width: 90%;
		flex-direction: column;
		margin-bottom: 120px;
	}
	.PastWorkText {
		padding: 55px;
		width: 80%;
		max-width: 600px;
		border-radius: 60px;
	}
	#PastWorkSection2 {
		flex-direction: column-reverse;
	}
	#PastWorkImage1 {
		width: 80%;
		max-width: 450px;
		border-radius: 50px;
		box-shadow: rgb(0, 0, 0) 0px 20px 30px -10px;
		margin-right: 0px;
		margin-bottom: 50px;
	}
	#PastWorkImage2 {
		width: 80%;
		max-width: 450px;
		border-radius: 50px;
		box-shadow: rgb(0, 0, 0) 0px 20px 30px -10px;
		margin-left: 0px;
		margin-bottom: 50px;
	}
	#PastWorkImage3 {
		width: 80%;
		max-width: 450px;
		border-radius: 50px;
		/*box-shadow: rgb(0, 0, 0) 0px 20px 30px -10px;*/
		margin-right: 0px;
		margin-bottom: 50px;
	}
	.PastWorkIconContainer span{
		font-size: 20px;
		margin-top: 20px;
	}
	.PastWorkIconContainer {
		padding: 20px;
	}
	.PastWorkIconImage {
		width: 12vw;
		max-width: 170px;
	}
	
	/*Terms of Service Page*/
	
	#TermsOfServicePageTitle{
		font-size: 50px;
		margin-top: 90px;
		margin-bottom: 40px;
	}
	#TermsOfServicePageTitle{
		font-size: 45px;
		margin-top: 100px;
		margin-bottom: 40px;
	}
	.TermsOfServiceContainer {
		background-color: green;
	}
	.TermsOfServiceSection{
		margin-left: 0px;
	}
	.TermsOfServiceNumber {
		font-size: 40px;
		padding: 30px;
		width: 30px;
		display: none;
	}
	.TermsOfServiceBox {
		flex-direction: column;
		width: 80vw;
		
	}
	.TermsOfServiceTitle{
		font-size: 45px;
		padding: 40px;
		width: auto;
	}
	.TermsOfServiceText{
		padding: 40px;
		font-size: 20px;
		width: auto;
	}
	#EmailSection{
		margin-top: 35px;
		margin-left: 7.5vw;
		margin-bottom: -40px;
	}
	.EmailBox {
		width: 85vw;
	}
	.EmailTitle{
		font-size: 45px;
		padding: 50px;
		width: auto;
	}
	.EmailText{
		padding: 40px;
		font-size: 20px;
	}
	.EmailInfoForm{
		width: 60vw;
		margin-top: 0px;
		margin-bottom: 20px;
		padding-left: 15px;
		max-height: 40px;
		font-size: 20px;
	}
	#EmailSubmitButton{
		width: 60vw;
		height: 60px;
		font-size: 25px;
	}
	.LogoLabeledImage {
		width: 13vw;
	}
	#OrTextImage {
		width: 3.5vw;
		padding-bottom: 9vw;
	}
	
	/*Contact Me Page*/
	
	.ContactMeSection{
		margin-top: 35px;
		margin-left: 0vw;
	}
	.ContactMeBox {
		width: 75vw;
		flex-direction: column;
	}
	.ContactMeTitle{
		font-size: 30px;
		padding: 6vw;
		width: 63vw;
	}
	.ContactMeText{
		padding: 40px;
		font-size: 20px;
		width: 65vw;
	}
	.ContactMeIcon {
		padding-left: 0px;
		padding-top: 20px;
		padding-right: 10px;
	}
	.ContactMeAvailabilityText {
		padding: 40px;
		border-radius: 50px;
		width: 40vw;
		font-size: 20px;
	}
	
	/*Email Confirmation Page*/
	
	#NoIconHoverDiscord{
		display: inline-flex;
		margin-bottom: 10px;
	}
}

@media (max-width : 1150px) and (min-width : 950px){
	
	h1 {
		font-size: 30px;
		width: 40vw;
		margin-top: 75px;
		margin-bottom: 100px;
	}
	h2 {
		font-size: 30px;
	}
	p {
		font-size: 18px;
	}
	
	/*General Nav*/
	
	#JumpToPageTop {
		display: block;
	}
	#GeneralNavText {
		display: none;
	}
	#MobileNavIconFlag {
		display:inline-flex;
	}
	#PaypalSignFlag {
		margin-top: 170px;
	}
	#PaypalSignImageFlag {
		width: 22vw;
	}
	
	/*General Assets*/
	
	.WaterElementV2 {
		margin-top: 10vw;
	}
	.CenteredTitleText {
		font-size: 30px;
		padding-top: 30px;
		padding-bottom: 30px;
		padding-right: 20px;
		padding-left: 20px;
	}
	.GeneralTitleDescription {
		font-size: 30px;
		width: 40vw;
		margin-top: 50px;
	}
	
	/*General Footer*/
	
	main {
		background-size: 110vw;
	}
	/*footer{ 
		height: 480px;
	}*/
	#BoxFillerText {
		padding-top: 25vw;
	
	}
	#BottomNavText a {
		margin-right: 2vw;
		margin-left: 2vw;
	}
	.BottomLinksTitle {
		font-size: 20px;	
	}
	.BottomLinksList {
		padding-top: 20px;
	}
	.BottomLinks {
		font-size: 15px;
		
	}
	#CopyrightText {
		padding-top: 40px;
		padding-bottom: 30px;
		margin-top: 0px;
	}
	
	/*HomePage*/
	
	#CrystalRaindrop{
		width: 35vw;
		min-width: 400px;
	}
	#DripDropText{
		font-size: 60px;
	}
	#NavText {
		width: 80%;
	}
	#NavText a {
		font-size: 20px;
		margin-right: 1vw;
		margin-left: 1vw;
		padding-left: 10px;
		padding-right: 10px;
	}
	#Intro_Section{
		margin-top: 50px;
	}
	#HiImDripDropText {
		font-size: 30px;
		padding: 60px;
		border-radius: 70px;
		max-width: 70vw;
	}
	#FancyLettering {
		width: 100%;
		margin-top: -360px;
	}
	#StormCloud {
		margin-left: 10vw;
		margin-top: 0vw;
	}
	#StormCloud span {
		font-size: 50px;
		width: 40%;
	}
	#SimpleProcessTitleText {
		margin-top: 20vw;
	}
	#ProcessDashedLineImage {
		width: 50vw;
		margin-left: 25vw;
		height: 1000px;
	}
	.ProcessText {
		font-size: 16px;
		padding-top: 25px;
		padding-bottom:25px;
		padding-left: 10px;
		padding-right: 10px;
		border-radius: 60px;
		width: 30vw;
	}
	#ProcessText01 {
		margin-left: 14vw;
		margin-top: 150px;
	}
	#ProcessPaypalSignImage {
		width: 28vw;
		margin-left: 10vw;
		margin-top: 10px;
	}
	#ProcessText02 {
		margin-left: 50vw;
		margin-top: -190px;
	}
	#ProcessCalenderImage {
		width: 24vw;
		margin-left: 70vw;
		margin-top: -30px;
	}
	#ProcessText03 {
		margin-left: 14vw;
		margin-top: -20px;
	}
	#ProcessText04 {
		font-size: 23px;
		padding-top: 35px;
		padding-bottom:35px;
		padding-left: 10px;
		padding-right: 10px;
		border-radius: 100px;
		border-width: 8px;
		width: 50vw;
		margin-left: 25vw;
		margin-top: 130px;
	}
	#InterestedLookAtPrice {
		margin-top: 200px;
		margin-bottom: 0px;
		
	}
	
	/*Pricing Guide*/
	
	#PricingGuideSkipIcons {
		width: 70vw;
	}
	.PricingGuideSkipIconContainer {
		width: 12vw;
	}
	.PricingGuideSkipIconContainer span {
		font-size: 20px;
	}
	.SkipIconImage {
		height: 12vw;
	}
	.PricingGuideText{
		width: 40vw;
		padding: 50px;
	}
	#PricingGuideSection2 {
		margin-top: 40px;
	}
	#OtterV1Image {
		width: 30vw;
		margin-top: 0px;
	}
	#PricingGuideSection3 {
		margin-top: -0px;
	}
	#OtterV2Image {
		width: 35vw;
		margin-top: 0px;
	}
	#PricingGuideSection4 {
		margin-top: -0px;
	}
	#OtterDuckyGif{
		width: 38vw;
	}
	
	#ThinkOfHavingCommissionDone {
		font-size: 30px;
		margin-top: 225px;
	}
	
	/*Past Work*/
	
	#PastWorkTitle h1{
	}
	.PastWorkSection {
		width: 90%;
		margin-bottom: 70px;
	}
	.PastWorkText {
		padding: 55px;
	}
	#PastWorkImage1 {
		width: 40%;
		max-width: 400px;
		border-radius: 50px;
		box-shadow: rgb(0, 0, 0) 0px 20px 30px -10px;
		margin-right: 50px;
	}
	#PastWorkImage2 {
		width: 40%;
		max-width: 400px;
		border-radius: 50px;
		box-shadow: rgb(0, 0, 0) 0px 20px 30px -10px;
		margin-left: 50px;
	}
	#PastWorkImage3 {
		width: 40%;
		max-width: 400px;
		border-radius: 50px;
		/*box-shadow: rgb(0, 0, 0) 0px 20px 30px -10px;*/
		margin-right: 50px;
	}
	.PastWorkIconContainer {
		padding: 20px;
	}
	.PastWorkIconImage {
		width: 12vw;
		max-width: 170px;
	}
	.PastWorkIconContainer span{
		font-size: 20px;
		margin-top: 20px;
	}
	
	/*Terms of Service Page*/
	
	#TermsOfServicePageTitle{
		font-size: 50px;
		margin-top: 100px;
		margin-bottom: 40px;
	}
	.TermsOfServiceContainer {
		
	}
	.TermsOfServiceSection{
		margin-top: 25px;
		margin-left: -8vw;
	}
	.TermsOfServiceNumber {
		font-size: 50px;
		padding: 40px;
		width: 40px;
	}
	.TermsOfServiceBox {
		border-radius: 50px;
		width: 80vw;
	}
	.TermsOfServiceTitle{
		font-size: 50px;
		padding: 50px;
		background-color: #232326;
		border-radius: 50px;
		width: 22vw;
	}
	.TermsOfServiceText{
		padding: 50px;
		font-size: 20px;
		width: 40vw;
	}
	#EmailSection{
		margin-top: 35px;
		margin-left: 7.5vw;
		margin-bottom: -40px;
	}
	.EmailBox {
		width: 85vw;
	}
	.EmailTitle{
		font-size: 45px;
		padding: 50px;
		width: auto;
	}
	.EmailText{
		padding: 40px;
		font-size: 20px;
	}
	.EmailInfoForm{
		width: 50vw;
		margin-top: 0px;
		margin-bottom: 20px;
		padding-left: 15px;
		max-height: 40px;
		font-size: 20px;
	}
	#EmailSubmitButton{
		width: 50vw;
		height: 60px;
		font-size: 25px;
	}
	.LogoLabeledImage {
		width: 12vw;
	}
	#OrTextImage {
		width: 3.5vw;
		padding-bottom: 8vw;
	}
	
	/*Contact Me Page*/
	
	.ContactMeSection{
		margin-left: 0vw;
	}
	.ContactMeBox {
		width: 80vw;
	}
	.ContactMeTitle{
		font-size: 30px;
		padding: 40px;
		width: 20vw;
	}
	.ContactMeText{
		padding: 40px;
		width: 50vw;
	}
	.ContactMeIcon {
		padding-left: 0px;
		padding-top: 20px;
		padding-right: 10px;
	}
}

@media (max-width : 1300px) and (min-width : 1150px){
	
	h2 {
		font-size: 32px;
	}
	
	/*General Nav*/

	#GeneralNavText a {
		font-size: 18px;
	}
	#MobileGeneralNavTextContainer {
		display: none;
	}
	
	/*General Assets*/
	
	.WaterElementV2 {
		margin-top: 10vw;
	}
	.CenteredTitleText {
		font-size: 40px;
		padding-top: 50px;
		padding-bottom: 50px;
		padding-right: 25px;
		padding-left: 25px;
	}
	.GeneralTitleDescription {
		font-size: 35px;
		width: 40vw;
		margin-top: 0px;
	}
	
	/*General Footer*/
	
	main {
		background-size: 100vw;
	}
	/*footer{ 
		height: auto;
	}*/
	#BoxFillerText {
		padding-top: 22vw;
	
	}
	
	/*HomePage*/
	
	#CrystalRaindrop{
		width: 35vw;
		min-width: 400px;
	}
	#DripDropText {
		font-size: 60px;
	}
	#NavText {
		width: 80%;
	}
	#NavText a {
		font-size: 20px;
	}
	#Intro_Section{
		margin-top: 120px;
	}
	#HiImDripDropText {
		font-size: 30px;
		padding: 60px;
		border-radius: 70px;
		max-width: 70vw;
	}
	#StormCloud {
		margin-left: 5vw;
	}
	#StormCloud span {
		font-size: 55px;
		width: 40%;
	}
	#SimpleProcessTitleText {
		margin-top: 20vw;
	}
	#ProcessDashedLineImage {
		width: 40vw;
		margin-left: 30vw;
		height: 1200px;
	}
	.ProcessText {
		font-size: 19px;
		padding-top: 40px;
		padding-bottom:40px;
		padding-left: 0px;
		padding-right: 0px;
		border-radius: 80px;
		width: 30vw;
	}
	#ProcessText04 {
		font-size: 25px;
		padding-top: 40px;
		padding-bottom:40px;
		padding-left: 0px;
		padding-right: 0px;
		border-radius: 100px;
		border-width: 10px;
		width: 40vw;
		margin-left: 30vw;
		margin-top: 170px;
	}
	#InterestedLookAtPrice {
		margin-top: 200px;
		margin-bottom: 0px;
		
	}
	
	/*Pricing Guide*/
	
	#PricingGuideSkipIcons {
		width: 70vw;
	}
	.SkipIconImage {
		height: 10vw;
	}
	#PricingGuideSection2 {
		margin-top: 40px;
	}
	#PricingGuideSection3 {
		margin-top: -0px;
	}
	#PricingGuideSection4 {
		margin-top: -0px;
	}
	#OtterDuckyGif{
		
	}
	
	/*Past Work*/

	.PastWorkSection {
		width: 100%;
	}
	
	/*Terms of Service Page*/
	
	.TermsOfServiceSection{
		display:flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: center;
		margin-top: 25px;
		margin-left: -8vw;
	}
	.TermsOfServiceNumber {
		font-family: UrbanistBold;
		color: white;
		font-size: 50px;
		padding: 40px;
		width: 3vw;
		
	}
	.TermsOfServiceBox {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: center;
		background-color: #1C1C1F;
		border-radius: 50px;
		width: 70vw;
		
	}
	.TermsOfServiceTitle{
		font-family: UrbanistBold;
		color: white;
		font-size: 50px;
		padding: 50px;
		background-color: #232326;
		border-radius: 50px;
		width: 22vw;
	}
	.TermsOfServiceText{
		padding: 50px;
		font-family: Urbanist;
		color: white;
		font-size: 20px;
		width: 40vw;
	}

	#EmailSection{
		margin-top: 35px;
		margin-left: 12.5vw;
		margin-bottom: -40px;
	}
	.EmailBox {
		width: 75vw;
	}
	.EmailTitle{
		font-size: 45px;
		padding: 50px;
		width: auto;
	}
	.EmailText{
		padding: 40px;
		font-size: 20px;
	}
	.EmailInfoForm{
		width: 50vw;
		margin-top: 0px;
		margin-bottom: 20px;
		padding-left: 15px;
		max-height: 40px;
		font-size: 20px;
	}
	#EmailSubmitButton{
		width: 50vw;
		height: 60px;
		font-size: 25px;
	}
	.LogoLabeledImage {
		width: 10vw;
	}
	#OrTextImage {
		width: 3vw;
		padding-bottom: 7vw;
	}
	
	/*Contact Me Page*/
	
	.ContactMeBox {
		width: 80vw;
	}
	.ContactMeTitle{
		font-size: 40px;
	}
}

@media (max-width : 1400px) and (min-width : 1300px){
	
	h1 {
		font-size: 35px;
		width: 35vw;
	}
	
	/*General Nav*/
	
	#GeneralNavText a {
		font-size: 23px;
	}
	#MobileGeneralNavTextContainer {
		display: none;
	}
	
	/*General Assets*/
	
	/*General Footer*/
	
	/*HomePage*/
	
	#StormCloud span {
		font-size: 65px;
	}
	
	/*Pricing Guide*/
	
	#PricingGuideSkipIcons {
		width: 70vw;
	}
	.SkipIconImage {
		height: 10vw;
	}
	#PricingGuideSection2 {
		margin-top: 40px;
	}
	#PricingGuideSection3 {
		margin-top: -0px;
	}
	#PricingGuideSection4 {
		margin-top: -0px;
	}
	#OtterDuckyGif{
		
	}
	#ThinkOfHavingCommissionDone {
		font-size: 35px;
	}
	
	/*Past Work*/
	
	.PastWorkSection {
		width: 100%;
	}
	
	/*Terms of Service Page*/
	
	.LogoLabeledImage {
		width: 9vw;
	}
	#OrTextImage {
		width: 3vw;
		padding-bottom: 6.5vw;
	}
}

@media (max-width : 1540px) and (min-width : 1400px){
	
	/*General Nav*/
	
	#GeneralNavText a {
		font-size: 23px;
	}
	#MobileGeneralNavTextContainer {
		display: none;
	}
	
	/*General Assets*/
	
	/*General Footer*/
	
	/*HomePage*/
	
	
	
	/*Pricing Guide*/
	
	#PricingGuideSkipIcons {
		width: 60vw;
	}
	.SkipIconImage {
		height: 9vw;
	}
	#PricingGuideSection2 {
		margin-top: 40px;
	}
	#PricingGuideSection3 {
		margin-top: -0px;
	}
	#PricingGuideSection4 {
		margin-top: -0px;
	}
	#OtterDuckyGif{
		
	}
	#ThinkOfHavingCommissionDone {
		font-size: 35px;
	}
	
	/*Terms of Service Page*/
	
	#OrTextImage {
		width: 3vw;
		padding-bottom: 6.5vw;
	}
}

@media (min-width : 1540px) {
	
	body {
		/*max-width: 1000px;*/
	}
	main {
		background-size: 1500px;
	}
	h1 {
		max-width: 700px;
	}
	h2 {
		font-size: 35px;
	}
	p {
		font-size: 20px;
	}
	
	/*General Nav*/
	
	.BoxFiller {
		padding-top: 400px;
	}
	#PaypalSignImageFlag {
		width: 16vw;
		max-width: 300px;
	}
	
	/*General Assets*/
	
	.WaterElementV1 {
		width: 100%;
		margin-top: -22vw;
		position: absolute;
		z-index: -1;
		white-space: nowrap;
	}
	.WaterElementV1Image {
		width: 100%;
		position: absolute;
		height: auto;
		white-space: nowrap;
	}
	.GeneralTitleDescription {
		font-size: 35px;
		width: 35vw;
		max-width: 700px;
		margin-top: -50px;
		margin-left: auto;
		margin-right: auto;
	}
	
	/*General Footer*/
	
	#BoxFillerText {
		padding-top: 500px;
	}
	
	/*HomePage*/
	
	#CrystalRaindrop{
		max-width: 500px;
	}
	
	#NavText {
		width: 75%;
		max-width: 1300px;
		margin-top: 40px;
		padding: 30px;
		border-radius: 40px;
	}
	#NavText a {
		font-size: 30px;
		margin-right: 10px;
		margin-left: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 15px;
		padding-right: 15px;
		border-radius: 20px;
	}
	#Intro_Section {
		margin-left: auto;
		margin-right: auto;
		margin-top: 200px;
		width: 70vw;
		max-width: 1700px;
	}
	#HiImDripDropText {
		margin-right: 500px;
		font-size: 35px;
		max-width: 700px;
	}
	#FancyLettering {
		width: 100%;
		margin-left: 200px;
		margin-top: -200px;
	}
	#FancyLetteringGif {
		width: 100%;
		float: right;
		max-width: 1300px;
	}
	#StormCloud {
		width: 100%;
		margin-top: 0px;
		margin-left: 0px;
		/*margin-top: -1100px;*/
	}
	#StormCloudGif {
		width: 60%;
		margin-left: 0px;
		max-width: 900px;
		margin-top: -100px;
	}
	#Process_Section{
		max-width: 1700px;
		margin-left: auto;
		margin-right: auto;
	}
	#ProcessDashedLine {
		margin-right: auto;
		margin-left: auto;
		max-width: 600px;
	}
	#ProcessDashedLineImage {
		width: 35vw;
		max-width: 600px;
		margin-right: auto;
		margin-left: auto;
	}
	.ProcessText {
		font-size: 25px;
		width: 30%;
		max-width: 600px;
	}
	#ProcessText01 {
		margin-left: 17%;
		margin-top: 200px;
	}
	#ProcessPaypalSignImage {
		width: 25%;
		max-width: 450px;
		margin-left: 10%;
		margin-top: 20px;
	}
	#ProcessText02 {
		margin-left: 50%;
		margin-top: -240px;
	}
	#ProcessCalenderImage {
		width: 23%;
		margin-left: 70%;
		margin-top: -65px;
	}
	#ProcessText03 {
		margin-left: 17%;
		margin-top: -20px;
	}
	#ProcessText04 {
		font-size: 30px;
		padding-top: 40px;
		padding-bottom:40px;
		padding-left: 0px;
		padding-right: 0px;
		border-radius: 100px;
		border-width: 10px;
		width: 40%;
		margin-left: 30%;
		margin-top: 200px;
	}
	
	/*Pricing Guide*/
	
	#PricingGuideSkipIcons {
		width: 50vw;
		max-width: 1200px;
	}
	.PricingGuideSkipIconContainer {
		width: 10vw;
		max-width: 200px;
	}
	.PricingGuideSkipIconContainer span{
		font-size: 28px;
		margin-top: 20px;
	}
	.SkipIconImage {
		height: 8vw;
		max-height: 200px;
		border-radius: 100px;
	}
	.SkipIconImage:hover {
		transform: scale(1.15);
	}
	#PricingGuideContainer{
		margin-top: 100px;
	}
	.PricingGuideSection{
		width: 90vw;
		max-width: 1700px;
	}
	.PricingGuideText{
		width: 50vw;
		max-width: 800px;
	}
	#OtterV1Image {
		width: 25vw;
		max-width: 600px;
		margin-top: 0px;
	}
	#PricingGuideSection2 {
		margin-top: 0px;
		z-index: 1;
	}
	#OtterV2Image {
		width: 27vw;
		max-width: 680px;
	}
	#PricingGuideSection3 {
		padding-top: 45px;
	}
	#OtterDuckyGif{
		width: 30vw;
		max-width: 850px;
	}
	#PricingGuideSection4 {
		margin-top: 0px;
	}
	#PageDesignImage {
		width: 25vw;
		max-width: 600px;
	}
	#PricingGuideSection4 {
		padding-top: 50px;
	}
	#PricingGuideLastText {
		margin-top: 100px;
		max-width: 700px;
	}

	/*Past Work*/
	
	#PastWorkTitle {
		margin-top: -100px;
	}
	
	/*Terms of Service Page*/
	
	.TermsOfServiceContainer {
		
	}
	.TermsOfServiceSection{
		margin-left: -160px;
	}
	.TermsOfServiceNumber {
		font-size: 55px;
	}
	.TermsOfServiceBox {
		width: 60vw;
		max-width: 1200px;
	}
	.TermsOfServiceText{
		font-size: 23px;
	}
	#EmailSection{
		margin-top: 25px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: -40px;
	}
	.EmailBox {
		width: 70vw;
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}
	.EmailText{
		font-size: 23px;
	}
	.EmailInfoForm{
		width: 40vw;
		max-width: 700px;
		font-size: 20px;
	}
	#EmailSubmitButton{
		width: 40vw;
		max-width: 700px;
		font-size: 25px;
	}
	.LogoLabeledImage {
		width: 8vw;
		max-width: 150px;
	}
	#OrTextImage {
		width: 3vw;
		max-width: 40px;
		padding-bottom: 120px;
	}
	
	/*Contact Me*/
	
	.ContactMeContainer {
		
	}
	.ContactMeSection{
		margin-top: 35px;
		margin-left: auto;
		margin-right: auto;
	}
	.ContactMeBox {
		width: 70vw;
		max-width: 1200px;
	}
	.ContactMeTitle{
		font-size: 50px;
		width: 25vw;
	}
	.ContactMeText{
		font-size: 20px;
		width: 40vw;
	}
	.ContactMeAvailabilityText {
		width: 40vw;
		max-width: 800px;
		font-size: 23px;
	}
}