.mrd {
	text-align: center;
	margin: 80px 20px 0px 0px;
	font-family: Trebuchet MS, sans-serif;
	text-transform: uppercase;
	font-size: 10px;
	position: fixed;
	left:0px; bottom: 10px;
	padding: 4px 0px 6px;
	opacity: .8;
	z-index: 1000;
	letter-spacing: .1em;
	width: 19em;
	background: #1a1a1a;
  -webkit-transition-property: color, background;
  -webkit-transition-duration: 1s, 1s;
  -webkit-transition-timing-function: linear, ease-in;
}

body .mrd:hover {
	opacity:  1;
	color: #666;
  background: #000;
  text-decoration: none;
}

body .mrd A:link {
	color: #666;
	text-decoration: none;
	font-weight: normal;
}

body .mrd A:visited {
	color: #666;
	text-decoration: none;
	font-weight: normal;
}

body .mrd A:active {
	text-decoration: none;
}

body .mrd A:hover {
	color: #dddddd;
	text-decoration: none;
	cursor: pointer;
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape){ 
  /* For landscape iPad layouts */

body {
		font-size: 15px;
		margin: 0px;
		padding: 0px;
		height: 768px;
		overflow: hidden;
		
}

.smsQuack {
	position: relative;
	top: -150px;
	left: -280px;
}

.smsQuack-mini {
	position: relative;
	left: -180px; top: 0px;
	z-index: 100;
		margin: 0px;
		padding: 0px;
}

.breadCrumb {
	z-index: 1000;
}

#header,
#logoTop,
.column01,
.breadCrumb,
#footer-project {
	display: none;
}

#content-project .column02 {
	width: 1024px;
	height: 668px;
	position: absolute;
	left: 0px;
	top: 0px;
}

#content-project{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1024px;
	height: 668px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}

	}
	
	
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) { 
  /* For portrait iPad layouts */
body {
		font-size: 15px;
		margin: 0px;
		padding: 0px;
		height: 768px;
		overflow: hidden;
		
}

.smsQuack {
	position: relative;
	top: -150px;
	left: -280px;
}

.smsQuack-mini {
	position: relative;
	left: -180px; top: 0px;
	z-index: 100;
		margin: 0px;
		padding: 0px;
}

.breadCrumb {
	z-index: 1000;
}

#header,
#logoTop,
.column01,
.breadCrumb,
#footer-project {
	display: none;
}

#content-project .column02 {
	width: 1024px;
	height: 668px;
	position: absolute;
	left: 0px;
	top: 0px;
}

#content-project{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1024px;
	height: 668px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}

	}