@font-face {
  font-family: "Proxima Nova";
  font-weight: 400;
  font-style: normal;
  src: url("fonts/ProximaNova.eot");
  src: url("fonts/ProximaNova.eot?#iefix") format("embedded-opentype"), url("fonts/ProximaNova.woff") format("woff"), url("fonts/ProximaNova.ttf") format("truetype");
  }

@font-face {
  font-family: "Proxima Nova";
  font-weight: 700;
  font-style: normal;
  src: url("fonts/ProximaNovaBold.eot");
  src: url("fonts/ProximaNovaBold.eot?#iefix") format("embedded-opentype"), url("fonts/ProximaNovaBold.woff") format("woff"), url("fonts/ProximaNovaBold.ttf") format("truetype");
  }

	* {
		margin: 0; padding: 0;
	}

	article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
		display: block;
	}

	body {
		width: 100%; height: 100%; font-family: 'Pacifico', cursive;
	}

	body, html {
		width: 100%;
	}

	.wrapper {
		width: 1200px; margin: 0 auto; padding: 20px 0;
	}

	h1 {
		width: 100%; text-align: center;
		font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; font-size: 36px; font-weight: 700; color: rgb(0, 0, 0);
	}

	a {
		font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; font-size: 24px; font-weight: 400; color: rgb(0, 0, 255);
	}

	.text {
		margin-top: 40px; font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; font-size: 24px; font-weight: 400; color: rgb(0, 0, 0); line-height: 28px; text-align: center;
	}

	.phone {
		margin: 30px auto; padding: 20px; width: 350px; font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; font-size: 24px; font-weight: 400; color: rgb(0, 0, 0); line-height: 28px; text-align: center; border: 10px solid rgb(240, 240, 240); border-radius: 75vw;
	}

	.images {
		display: block; margin: 30px auto; width: 300px; border: 10px solid rgb(240, 240, 240);
	}

	.gallery {
		display: block; margin: 20px auto; width: 300px; border: 10px solid rgb(240, 240, 240);
	}

	.desktop {
		width: 100%; display: block;
	}

	.mobile {
		width: 100%; display: none;
	}

	@media screen and (max-width: 1000px) {

				.wrapper {
					width: calc(100% - 16px); margin: 0 auto; padding: 20px 8px;
				}

				h1 {
					width: 100%; text-align: center;
					font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; font-size: 6.5vw; font-weight: 700; color: rgb(0, 0, 0);
				}

				a {
					font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; font-size: 4.5vw; font-weight: 400; color: rgb(0, 0, 255);
				}

				.text {
					margin-top: 3.5vh; font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; font-size: 4.5vw; font-weight: 400; color: rgb(0, 0, 0); line-height: 4.5vw; text-align: center;
				}

				.phone {
					margin: 5.0vh auto; padding: 2.0vh; width: 75vw; font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; font-size: 4.5vw; font-weight: 400; color: rgb(255, 255, 255); line-height: 6.5vw; text-align: center; background-color: rgb(30, 135, 0); border: 10px solid rgb(240, 240, 240); border-radius: 75vw;
				}

				.images {
					display: block; margin: 3.5vh auto; width: 75vw; border: 10px solid rgb(240, 240, 240);
				}

				.gallery {
					display: block; margin: 0.7vh auto; width: 35vw; border: 10px solid rgb(240, 240, 240);
				}

				.desktop {
					width: 100%; display: none;
				}

				.mobile {
					width: 100%; display: block;
				}

				.mobile td {
					width: 50vw;
				}

	}