@media (max-width: 1000px) {
	.heading h1{
		font-size: 32px;
	}
	.container-2 h2{
		font-size: 20px;
	}
	h2 .name {
		font-size: 18px;
	}

}

@media (max-width: 670px) {

	.header-left {
		display: none;
	}

	* {
		text-align: left;
	}
	.heading h1{
		font-size: 24px;
	}
	.container-2 h2{
		font-size: 18px;
	}

	.container-2 p{
		font-size: 16px;
	}

	.container-2 .name {
		font-size: 14px;
	}
	.btn-wrapper .btn {
		width: 100%;
		margin: 5px;
		text-align: center;
	}

	.menu .btn {
		width: 100%;
		margin: 5px;
		text-align: center;
	}

	.btn-wrapper .library {
		width: 100%;
	}

	footer {
		text-align: center;
	}
}