* {
		margin:0;
		padding:0;
	}
	*, *:before, *:after {
		box-sizing: border-box;
	}
	html, body {
		height: 100%;
	}
	body {
		font-family: sans-serif;		
		
	}
	body, #bottom, #top {		
		text-align: center;
		align-items: center;
		display: flex;
		justify-content: end;
		flex-direction: column;
	}
	h1 {
	  font-family: "Lato", sans-serif;
	  font-weight: 900;
	  font-style: normal;
	  font-size: 65px;
	  padding-bottom: 2px;
	}
	p {
	  font-family: "Roboto", sans-serif;
	  font-weight: 400;
	  font-style: normal;
	  font-size: 20px;
	}
	
	#info-box {
		padding: 15px 18px;
		background-color: #08ca08;
		border-radius: 6px;
		color: white;
		position: fixed;
		right: 30px;
		top: 30px;
		width: 197px;
		text-align: left;
		box-shadow: -2px 2px 7px #c5c4c4;
	}
	
	#bottom p {
		line-height: 27px;
		max-width: 570px;
	}
	#top a {
	  font-family: "Roboto", sans-serif;
	  font-weight: 500;
	  font-style: normal;
	  font-size: 28px;
	  text-decoration: none;
	  background-color: #009de6;
	  padding: 13px 47px;
	  color: white;
	  display: block;
	  width: max-content;
	  border-radius: 8px;
	  margin: 76px 0 92px;
	}
	#top {
		height: 62vh;
		justify-content: flex-end;
	}
	#bottom {
		background-color: #f2f4f7;
		width: 100%;
		height: 38vh;
		justify-content: start;
		padding-top: 29px;
	}
	#bottom a {
		text-decoration: none;
		font-size: 20px;
	}
	#spacing {
		width: 0px;
		display: inline-block;
	}
	@media only screen and (max-width:720px) {
		h1 {
			font-size: 10vw;
		}
		#top a {
			font-size: 4vw;
			padding: 13px 35px;
			margin: 56px 0 72px;
		}
		svg {
			height: 51%;
		}
		#bottom p {
			max-width: 95%;
		}
		@media only screen and (max-width:520px) {
			span {
				display:none;
			}
			#spacing {
				padding-top: 9px;
				display: block;
			}
		}
	}