@charset "utf-8";
/* Noxifer: Link Page | Responsive | CSS */

/* ===============================
	RESPONSIVE
================================
/* Desktop Optimization */
@media screen and (min-width: 1025px) {
	.container {
        margin: 20px auto;
    }
}

@media screen and (max-width: 900px) {
	.footer {
		margin-top: 80px;
	}
}

@media screen and (max-width: 768px) {
	body {
        background: url('images/bg-ph.png') no-repeat center !important;
        background-size: cover !important;
		margin-top: 140px;
	}
    .image-container img {
        width: 360px;
        height: auto;
    }
	
	.link-list {
    	margin-top: 5px;
	}
	
	.footer {
		margin-top: 80px;
		margin-bottom: 30px;
		position: relative;
	}
}

@media (max-width: 450px) {
    body {
        background: url('images/bg-ph.png') no-repeat center !important;
        background-size: cover !important;
		margin: 140px 0 50px;
	}

    .container {
        padding-top: 20px;
		min-height: 90vh;
		max-width: 75vw;
	}
	
	.link-list {
		margin-top: 5px;
	}
	
	.list-item {
		padding: 15px;
	}
	
	.footer {
		margin-top: 80px;
		margin-bottom: 30px;
		position: relative;
	}
}

@media (max-width: 768px) and (orientation: portrait) {
	.bg-portrait {
		display: none;
	}
}

@media (max-width: 1024px) and (orientation: landscape) {
	body {
		margin-top: 140px;
	}
	
	.bg-portrait {
		display: block;
		top: 30%;
		width: 250px;
		height: 475px;
	}

	.bg-left { left: -12%; }
	.bg-right { right: -12%; }
	}
}