/* Small devices (landscape phones, 576px and up) */
@media only screen and (min-width: 576px) {
	
}
@media only screen and (max-width: 992px) {
	#certification-title {
		font-size: 1.1em !important;
	}
}

/* Medium devices (tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	.home-img {
		height: 480px;
	}
	.home-title {
		font-size: 21px;
	}
/*	.home img {
		border-radius: 7.5px;
	}*/
/*	.code {
		border-radius: 7.5px;
	}*/
	img.round {
		border-radius: 5px;
	}
}

/* Large devices (desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	
	/* GLOBAL */
	body {
		font-size: 15px;
	}
	h1 {
		font-size: 36px;
	}
	h2 {
		font-size: 26px;
	}
	.button {
		padding: 0 22.5px;
		font-size: 16px;
		letter-spacing: 1px;
		text-transform: uppercase;
		font-weight: 500;
		min-width: 165px;
	}
	
	/* HEADER */
	.logo {
		/*height: 90px;*/
		height: 50px;
	}
	#nav {
		line-height: 50px;
		font-size: 21px;
	}
	.menu {
		display: block;
	}
	.toggle-menu {
		display: none;
	}
	
	/* PAGE */
	.page {
		/*padding: 45px 0 30px;*/
	}
/*	.page img {
		margin-bottom: 30px;
	}*/
	
	/* HOME */
/*	.home {
		padding: 45px 0;
	}*/
	
	.index {
		font-size: 21px;
	}

	/* FOOTER */
	footer {
		padding: 30px 0;
		font-size: 14px;
	}
	footer h3 {
		font-size: 19px;
	}
	.footer-bottom {
		/*margin-top: 30px;*/
		text-align: center;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
	
	/* HOME */
	.home-img {
		/*height: 640px;*/
		height: 320px;
	}
	.home-title {
		font-size: 28px;
	}
	.menu {
		font-size: 16px;
	}
	.menu li a {
		padding: 0 20px;
	}
}

@media only screen and (min-width: 1400px) {
	
	/* HOME */
	.home-img {
		/*height: 800px;*/
		height: 400px;
	}
	#nav {
		display: none;
	}
	#chapters {
		display: block;
		width: calc((100% - 1100px) * 0.5);
	}
	#chapters ul {
		width: 100%
	}
	#bg {
		width: 0;
	}
}