@import "https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400";

/* Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}

body {
		line-height: 1;
	}
	
body {
		-webkit-text-size-adjust: none;
	}
	
/* Box Model */

	*, *:before, *:after {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	
/* Basic */

	@-ms-viewport {
		width: device-width;
	}

	body {
		-ms-overflow-style: scrollbar;
	}

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

		html, body {
			min-width: 320px;
		}

	}

	body {
		background-color: #ffffff;

	}
	
/* type */
body {
		font-family: "Source Sans Pro", Helvetica, sans-serif;
		font-size: 17pt;
		font-weight: 300;
		line-height: 1.65;
	}

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

			body {
				font-size: 16pt;
			}

		}

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

			body {
				font-size: 14pt;
			}

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

			body{
				font-size: 12pt;
			}

		}

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

			body{
				font-size: 11pt;
			}

		}
		
p {
margin-bottom: 1em;
}
	
/* content */

.content {
	margin: 0 auto;
	width:400px;
	background-color: #ffffff;
}	

.logo {
margin-top:100px;
margin-bottom: 20px;
width:25%;
background-color: #ffffff;
}
.text {

}
.buttonwrap {

}

.button {
  border: none;
  color: white;
  padding: 15px 80px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 0;
  cursor: pointer;
  background-color: black;
  border-radius:10px;
}

.button:hover {
	background-color: #555555;
}

/* Wrapper */

	#wrapper {
		width: 64em;
		max-width: calc(100% - 4em);
		margin: 0 auto;
	}

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

			#wrapper {
				max-width: calc(100% - 2em);
			}
			
			.content {
				width:280px;
			}	

		}

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

			#wrapper {
				max-width: 100%;
			}

		}