/** ==================================================

Project: Heraz
Description: Creative portfolio template
Version: 1.0
Last change: January 20, 2017

by layerz


[TABLE OF CONTENTS]

- Smaller than 768px
- Smaller than 500px

================================================== */



/** Smaller than 768px
================================================== */

	@media (max-width: 768px) {
		.container { padding: 0 50px; }
		.column { width: 100% !important; margin: 0 0 30px !important; padding: 0; }
		.column:last-child { margin-bottom: 0 !important; }

		.section-header .content .headline { padding: 0 50px; }
		.section-header .content .headline .title { font-size: 32px; }

		.copyrights { margin-bottom: 50px !important; }
		.back2top { left: 0; }
	}


/** Smaller than 500px
================================================== */

	@media (max-width: 500px) {
		body { font-size: 16px; }

		.container { padding: 0 15px; }

		h1 { font-size: 32px; }
		h2 { font-size: 28px; }
		h3 { font-size: 24px; }
		h4 { font-size: 22px; }
		h5 { font-size: 20px; }
		h6 { font-size: 18px; }

		.section-header .content .headline { padding: 0 15px; }
		.section-header .content .headline .title { font-size: 22px; }
		.section-header .content .headline .subtitle { font-size: 16px; }

		#footer { text-align: center; }
		.copy { font-size: 12px; }
		.back2top { left: 50%; margin-left: -15px; }

		.share li { display: block; margin: 0 0 10px; }
		.share li:last-child { margin-bottom: 0; }
		.share li a { height: 60px; line-height: 60px; padding: 0 30px; background: #dddddd; }
	}