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

	nav {
		height: 60px;
	}

	nav .logo {
		width: 100%;
		margin-top: 2px;
		margin-left: 1%;
		border: 0px solid #000;
	}

	nav .logo img {
		width: 170px;
	}

	nav .sign {
		background: none;
	}

	nav .sign img {
		width: 110px;
	}

	.slide {
		height: 80%;
		padding: 110px 10px;
	}

	.slide h1 {
		font-size: 22px;
		text-align: center;
		margin-top: 15px;
		margin-bottom: 0px;
	}

	.slide h2 {
		font-size: 25px;
		text-align: center;
		font-weight: bold;
		text-shadow: 1px 2px 1px #FFF;
	}

	main {
		width: 90%;
		padding: 0 10px;
	}

	.card {
		margin-top: -65px;
		margin-bottom: 60px;
	}

	.card h2 {
		font-size: 20px;
	}

	.card h3 {
		font-size: 20px;
	}

	.card b {
		font-size: 16px;
	}

	footer {
		font-size: 12px;
	}
}