@media all and (max-width: 991px) {

	#ct-arena {
		left: 15px;
	}

	/* ----- Contents ----- */

	.about-hello {
		left: 135px !important;
	}

	#content-about h2,
	#content-contact h2 {
		margin-top: 50px;
	}

	.container-fluid {
		padding: 30px !important;
	}

	#content-about .container-fluid,
	#content-contact .container-fluid {
		padding-top: 70px !important;
	}

	#content-home {
		padding-top: 70px !important;
	}

	#content-projects {
		width: 100%;
		padding-top: 95px !important;
	}

	/* ----- Projects ----- */

	#projects-nav {
		top: 65px;
		left: 30px;
		width: calc(100% - 30px);
	}

	#projects-nav > ul > li {
		display: inline-block;
		width: 25px;
		height: 25px;
		padding-top: 3px;
	}

	.project {
		width: calc(100% - 30px);
		margin-right: 0;
	}

	/* ----- Content : About ----- */

	#content-about .about-col {
		padding: 0;
		font-size: 20px;
	}

	#content-about .about-col ul {
		margin: 0;
		padding: 0;
	}

	/* ----- Content : Contact ----- */

	#content-projects .container-fluid {
		padding: 35px !important;
	}

	#content-contact form input,
	#content-contact form textarea {
		font-size: 20px !important;
	}
}

/* 900px */

@media all and (max-width: 900px) {

	#hobbies-sprite {
		bottom: 0;
	}

	.about-hello {
		left: 135px;
	}

	.about-hobbies {
		font-size: 20px;
	}
}

/* 600px */

@media all and (max-width: 600px) {
	.about-andmore,
	#hobbies-sprite {
		display: none;
	}
}

@media all and (max-width: 450px) {
	.about-hobbies {
		font-size: 16px;
	}
}

/* No site */
@media all and (max-width: 319px) {
	* {
		display: none; 
	}

	html,
	body,
	#no-site {
		display: block !important;
	}
}