/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */
	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;}
	
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	
	display: block;}
	
	body {	
	line-height: 1.5;
	}
	
	ol, ul {	
	list-style: none;
	}
	
	blockquote, q {	
	quotes: none;
	}
	
	blockquote:before, blockquote:after,q:before, q:after {	
	content: '';	
	content: none;
	}
	
	table {	
	border-collapse: collapse;	border-spacing: 0;
	}	
	
	/* end reset*/
	
	/* default styles*/

	body {
    	background-image: url("images/background.png");
    	background-repeat: repeat
	}

	#wrapper {
		width: 70%;
		margin: 2% auto;
		padding: 3%;
		background-color: #ECF7FF;
		border-radius: 100px;
	}

	a:link {
		text-decoration: none;
	}

	h1 {
		display: block;
		font-size: 2em;
		font-family: 'Poppins', sans-serif;
		color: white;
		border-radius: 5px;
		background-color: #5A62FF;
		padding: 10px;
		margin: 10% auto;
		width: 300px;
		text-align: center;
	}
	
	h3 {
		display: block;
		font-size: 1.5em;
		font-family: 'Poppins', sans-serif;
		color: white;
		border-radius: 5px;
		background-color: #5A62FF;
		padding: 10px;
		margin: 10% auto;
		width: 200px;
		text-align: center;
	}
    
    img {
    	display: block;
    	margin: auto;
    	width: 35%;
    }

    #title img[src="images/title.png"] {
		display: block;
		width: 60%;
		margin-bottom: 30%;
	}

    /* tablet styles */
@media only screen and (min-width: 551px) and (max-width: 700px) {

	img {
		display: block;
		width: 50%;
	}

	#title img[src="images/title.png"] {
		display: block;
		width: 80%;
		margin-bottom: 30%;
	}
}

/* mobile */ 
@media only screen and (min-width: 1px) and (max-width: 550px) {

	#wrapper {
		border-radius: 30px;
		width: 80%;
	}

	h1 {
		display: block;
		font-size: 1.5em;
		font-family: 'Poppins', sans-serif;
		color: white;
		border-radius: 5px;
		background-color: #5A62FF;
		padding: 5px;
		margin: 50px auto;
		width: 200px;
		text-align: center;
	}

	h3 {
		display: block;
		font-size: .9em;
		font-family: 'Poppins', sans-serif;
		color: white;
		border-radius: 5px;
		background-color: #5A62FF;
		padding: 5px;
		margin: 50px auto;
		width: 100px;
		text-align: center;
	}

	img {
		display: block;
		width: 60%;
	}

	#title {
		width: 100%;
		height: 100%;
	}

	#title img[src="images/title.png"] {
		display: block;
		width: 100%;
		margin-bottom: 30%;
	}

}

    /*Notes
    Peachy yellow: #FFF4C5
    Blue: #5A62FF
    font-family: 'Poppins', sans-serif;
	font-family: 'Libre Baskerville', serif;
	*/