@charset "UTF-8";
/* CSS Document */

#myofficegirl-logo {
	width: calc(100% - 490px);
	height: 280px;
	float: left;
	margin-bottom: 9px;
}

#myofficegirl-logo a {
	height: 240px;
	/*background-image: url(myofficegirl-logo.png);*/
	background-image: url(../images/artwork/my_office_girl/myofficegirl.png);
}

		#myofficegirl-logo a:hover {
			height: 240px;
			/*background-image: url(myofficegirl-logo.png);*/
			background-image: url(../images/artwork/my_office_girl/myofficegirl.png);
		}

#myofficegirl-business-cards {
	/*background-color: red;*/
	overflow: hidden;
	float: right;
	margin: 0 9px 0 9px;
}

#myofficegirl-business-cards a {
	
}

/*#business-cards div {background-color: #999999;}*/

		#myofficegirl-bizcard_front {
			width: 117px;
			height: 107px;
			margin-bottom: 9px;
		}
		
		#myofficegirl-bizcard_back {
			width: 117px;
			height: 107px;
		}
		
		#myofficegirl-bizcard_front a {
			height: 67px;
			background-image: url(../images/artwork/my_office_girl/my-office-girl-bizcard_front.png);
		}
		
					#myofficegirl-bizcard_front a:hover {
						background-image: url(../images/artwork/my_office_girl/my-office-girl-bizcard_front-hover.png);
					}
		
		#myofficegirl-bizcard_back a {
			height: 67px;
			background-image: url(../images/artwork/my_office_girl/my-office-girl-bizcard_back.png);
		}
		
				#myofficegirl-bizcard_back a:hover {
					background-image: url(../images/artwork/my_office_girl/my-office-girl-bizcard_back-hover.png);
				}

#myofficegirl-brochure {
	width: 340px;
	height: 830px;
	float: right;
	margin-left: 9px;
	margin-bottom: 9px;
}

#myofficegirl-brochure a {
	height: 790px;
	background-image: url(../images/artwork/my_office_girl/brochure.png);
}

	#myofficegirl-brochure a:hover {
		background-image: url(../images/artwork/my_office_girl/brochure-hover.png);
	}

#myofficegirl-bw-logo {
	width: calc(25% - 0px);
	height: 135px;
	float: left;
	margin-bottom: 9px;
}

#myofficegirl-bw-logo a {
	height: 135px;
	background-image: url(../images/artwork/my_office_girl/mog-logo-black.png);
}

#myofficegirl-about {
	/*width: 260px;*/
	width: calc(100% - 600px);
	min-height: 300px;
	float: left;
	line-height: 20px;
	margin: 20px 0 9px 0;
}

#myofficegirl-business-plan {
	width: 240px;
	height: 340px;
	float: right;
}

#myofficegirl-business-plan a {
	height: 300px;
	background-image: url(../images/artwork/my_office_girl/my-office-girl_business-plan.png);
}

		#myofficegirl-business-plan a:hover {
			background-image: url(../images/artwork/my_office_girl/my-office-girl_business-plan-hover.png);
		}

.myofficegirl-desktop {
	width: calc(100% - 386px);
	height: 394px;
	float: left;
}

.myofficegirl-desktop a {
	height: 354px;
	background-image: url(../images/artwork/my_office_girl/desktop.png);
}

.myofficegirl-tablet {
	width: 205px;
	/*width: 20%;*/
	height: 290px;
	float: right;
}

.myofficegirl-tablet a {
	height: 250px;
	background-image: url(../images/artwork/my_office_girl/IPad_Air_2_Wikipedia.png);
}

.myofficegirl-phone {
	width: 120px;
	/*width: 10%;*/
	height: 226px;
	float: right;
	margin-left: 35px;
}

.myofficegirl-phone a {
	height: 186px;
	background-image: url(../images/artwork/my_office_girl/20.jpg);
}


@media only screen and (max-width: 960px), only screen and (max-device-width: 960px) {
	
	.myofficegirl-desktop {
		width: calc(100% - 353px);
	}
	
	.myofficegirl-phone {
		margin-left: 10px;
	}
}

@media only screen and (max-width: 870px), only screen and (max-device-width: 870px) {
	
	#myofficegirl-logo {
		height: 250px;
		width: calc(100% - 465px);
	}

	#myofficegirl-brochure {
		width: 320px;
	}
	
	#myofficegirl-business-plan {
		width: 220px;
	}
	
	#myofficegirl-about {
		width: calc(100% - 570px);
	}
}

@media only screen and (max-width: 800px), only screen and (max-device-width: 800px) {
	
	#myofficegirl-logo {
		height: 180px;
	}
	
	#myofficegirl-bw-logo {
		width: calc(23% - 0px);
	}
	
	#myofficegirl-brochure {
		width: 310px;
	}
	
	#myofficegirl-business-plan {
		width: 180px;
		/*margin-top: -40px;*/
		height: 250px;
	}
	
	#myofficegirl-about {
		width: calc(100% - 330px);
	}
}