body{
			background: #fff;
			font-size: 14px;
			font-family: sans-serif;
		}

		h1{
			text-align: center;
			font-size: 18px;
			font-family: serif;
			padding: 10px;
		}

		.card{
			border-bottom: 2px solid #4727F2;
			border-radius: 10px;
			margin: 25px 15px;
			padding: 20px;
			background: #fff;
		}
		
		.card img{
			float: left;
			width: 30%;
			padding: 10px;
			margin: auto;
		}

		#footer{

			text-align: center;
			background: #006995;
			color: #fff;
			padding: 10px 5px;
			border-radius: 10px;
			margin-top: 20px;
		}

		#box1:hover{
			background: #A6F9F6;
		}
		
		#box2:hover{
			background: #F9BAA6;
		}
		
		#box3:hover{
			background: #DC96F9;
		}

		#box4:hover{
			background: #85FB86;
		}

		a{
			color: #fff;
		}

		@media(min-width: 400px) {
			body{
				width: 60%;
				margin: auto;
			}
		}

		@media(min-width: 600px) {
			body{
				width: 50%;
				margin: auto;
			}
		}

		@media(min-width: 800px) {
			body{
				width: 40%;
				margin: auto;
			}
		}

		@media(min-width: 1000px) {
			body{
				width: 30%;
				margin: auto;
			}
		}