/*-------------------------------------------------

	Theme: Clive Portal

/*-----------------------------------------------*/
	
	/* HTML ELEMENTS */
	body {
		background-color: #000;
		color: #FFF;
		font-family: 'Arial';
		font-size: 14px;
		width: 100%;
		height: 100%;
	}
	img{
		display: block;
	}
	a{
		color: #FFF;
		text-decoration: none;
		font-weight: 700;
	}
		a:hover {
			color: #BC9A6A;
		}

	/* PAGE */
	#page-wrapper{
		margin: auto;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 1100px;
		height: 350px;
	}
		#logo {
			margin: 0 auto;
		}
		#link-1,
		#link-2{
			margin: 210px auto 0px;
		}
		#link-1{
			background: url(../images/clive-perfume-one.png) 0px 0px no-repeat;
			width: 275px;
			height: 20px;
			display: block;
		}
			#link-1:hover{
				background: url(../images/clive-perfume-one.png) -275px 0px no-repeat;
			}
		#link-2{
			background: url(../images/clive-interiors-one.png) 0px 0px no-repeat;
			width: 276px;
			height: 20px;
			display: block;
		}
			#link-2:hover{
				background: url(../images/clive-interiors-one.png) -276px 0px no-repeat;
			}

		.showMobile {
			display: none;
		}
		.hideDesktop {
			display: block;
		}

/*--------------------------------------------------------

	MOBILE RESPONSIVE (1024)

--------------------------------------------------------*/

	@media handheld, only screen and (max-width: 1024px) {
		#page-wrapper {
			width: 100%;
			padding: 0 5%;
		}

		#link-1, 
		#link-2 {
			margin: 150px auto 0px;
		}

			#logo {
				width: 100%;
			}
			.col-42-5 {
				width: 33%;
			}
			.col-28-75 {
				width: 33.5%;
			}

	}


/*--------------------------------------------------------

	MOBILE RESPONSIVE (480)

--------------------------------------------------------*/

	@media handheld, only screen and (max-width: 480px) {

		#page-wrapper {
			width: 100%;
			padding: 20px;
			height: 530px;
		}

		#logo {
			width: 100%;
			margin-top: 50px;
		}

		#link-1,
		#link-2{
			margin: 30px auto 20px;
		}

		.showMobile {
			display: block;
		}
			.showMobile #link-1 {
				margin: 50px auto 0;
			}
		.hideDesktop {
			display: none;
		}
			.col-42-5,
			.col-28-75 {
				width: 100%;
			}

	}