@media only screen and (max-width:361px) {
	/*OVERALL*/
	body {
		font-size: 0.95em;
	}

	#home h1 {
		font-size: 40px;
	}

	#home h2 {
		font-size: 30px;
	}

	header, main, #mainfooter, #subfooter, #subfooter-content {
		width: 360px;
		flex-direction: column;
	}

	/*HEADER*/
	#header-content {
		padding: 10px 10px;
	}

	nav ul {
		display: none;
		visibility: hidden;
	}

	#search {
		display: none;
		visibility: hidden;
	}

	/*NAVBAR-MOBILE*/
	#menu-mobile {
		display: block;
		visibility: visible;
	}

	/*MAIN*/

	/*MAIN-LANDING-PAGE*/
	#featured {
		padding-bottom: 20px;
	}

	#featured img {
	width: 360px;
	height: 200px;
	object-fit: cover;
	}

	#featured-left {
		flex-direction: column;
		padding: 15px 0;
	}

	#featured-right {
		padding-top: 15px;
	}

	#preview-row {
		flex-direction: column;
	}

	.preview {
		padding-top: 20px;
	}

	.preview img {
	width: 360px;
	height: 100px;
	object-fit: cover;
	}

	#archive-button {
		padding-top: 15px;
	}

	/*FOOTER*/
	#mainfooter {
		justify-content: center;
	}

	#footer-right ul {
		flex-direction: column;
		align-items: center;
	}

	.footerlist {
		padding: 5px 0;
	}

	#footer-left {
		flex-direction: column;
	}

	#footer-left p {
		padding-bottom: 10px;
	}

	#footer-left img {
		width: 55px;
		padding-bottom: 10px;
	}
	
	#subfooter-content {
		align-items: center;
		justify-content: center;
	}

	#subfooter-content p:first-child {
		padding-bottom: 8px;
	}
}