@charset "utf-8";
/* MB Photo 2.0 Home CSS Document - desktops*/

@media (orientation: landscape)
{
 .main DIV.cover_pic
	{ }
}

@media (orientation: portrait)
{
 .main DIV.cover_pic
	{ }
}


/*@media (orientation: landscape) /* and (max-width: 1440px) */
@media all 
{
 BODY
	{ }
	DIV.loading
		{ /* mb_photo_20_loading.css */ }

	DIV#main
		{ }
		.main H1,H2,H3
			{ }

	DIV#main.loading /* Javascript handle */
		{ }
		 DIV#main.loading IMG
			{ }

		.main DIV#top
			{ }
			.main DIV.cover_pic
				{ }

			.main DIV.page_title
				{
				 /*z-index: 8;  storing padding-left factor for js*/
				 /*text-align: left;  letting js know which side to pad */
				}
				.main DIV.page_title H1, H2, H3
					{ }

			.main DIV.page_title.sub_title
				{ }
				.main .page_title .icon
					{ width: auto; height: calc(22px + 0.33vw); }

		.main DIV#menu
			{ /* mb_photo_20_menu.css */ }

		.main DIV.container
			{ }
			.main DIV.container DIV.content
				{ }

				.main DIV.container DIV.content DIV.share_wrapper
					{ }

				.main DIV.container DIV.content DIV.left
					{ width: 100%; }
					.main DIV.container DIV.content DIV.topic
						{
						 width: 22vw; height: 32vw;
						 padding: 1vw;
						 margin-bottom: 2vw;
						}
						.main DIV.container DIV.content DIV.topic DIV.text_container
							{
							 width: 20vw; height: auto;
							 padding: 0.7vw 1.5vw;
							}
						.main DIV.container DIV.content DIV.topic IMG
							{ }

					.main DIV.container DIV.content DIV.topic:not(:nth-child(3n))
						{ margin-right: 2vw; }
					.main DIV.container DIV.content DIV.topic:last-child
						{ }
					.main DIV.container DIV.content DIV.topic.subtitle
						{ }

					.main DIV.container DIV.content DIV.topic.double_wide
						{ width: 46vw; }
						.main DIV.container DIV.content DIV.topic.double_wide DIV.text_container
							{ width: 44vw; }

							.main DIV.container DIV.content DIV.topic DIV.text_container H2
								{ font-size: 2.5vw; }
							.main DIV.container DIV.content DIV.topic DIV.text_container P
								{ }
							.main DIV.container DIV.content DIV.topic DIV.text_container P.indent
								{ }
							.main DIV.container DIV.content DIV.topic DIV.text_container P.anchor
								{ }

						.main DIV.container DIV.content DIV.topic UL
							{ }

/*#topic1*/			.main DIV.container DIV.content DIV.topic.bio /*#topic1*/
						{ }
						.main DIV.container DIV.content DIV.topic.bio DIV.text_container
							{
							 width: 30vw; height: auto;
							 /*position: absolute;*/
							 left: auto; right: 0;
							}
						.main DIV.container DIV.content DIV.topic.bio DIV.text_container.title
							{
							 /*position: absolute;*/
							 bottom: auto; top: 1vw;
							}
						.main DIV.container DIV.content DIV.topic.bio DIV.text_container:nth-child(2)
							{
							 color: black;
							 background-color: transparent;
							 /*position: absolute;*/
							 top: 4.5vw; bottom: auto;
							}
							.main DIV.container DIV.content DIV.topic.bio DIV.text_container H2
								{ font-size: 2.5vw; }
							.main DIV.container DIV.content DIV.topic.bio DIV.text_container P
								{ margin: 0.5ex 0; }

/*#topic2*/			.main DIV.container DIV.content DIV.topic.not-used /*#topic2*/
						{ }

/*#topic3*/			.main DIV.container DIV.content DIV.topic.portfolio /*#topic3*/
						{ }
						.main DIV.container DIV.content DIV.topic.portfolio DIV.text_container
							{
							 width: 14vw; height: auto;
							 /*position: absolute;*/
							 left: 0; right: auto; top: 3vw; bottom: auto;
							}
							.main DIV.container DIV.content DIV.topic.portfolio DIV.text_container H2
								{ float: right; }
						.main DIV.container DIV.content DIV.topic.portfolio DIV.text_container:nth-child(2)
							{ display: none; }

/*#topic4*/			.main DIV.container DIV.content DIV.topic.contact /*#topic4*/
						{ }
						.main DIV.container DIV.content DIV.topic.contact DIV.text_container
							{
							 font-size: 1.8vw; 
							 padding: 0.5vw 1vw;
							 margin: 1vw;
							}
							.main DIV.container DIV.content DIV.topic.contact DIV.text_container *
								{ }
							.main DIV.container DIV.content DIV.topic.contact DIV.text_container H2
								{
								 font-size: 2vw;
								 float: none;
								}
							.main DIV.container DIV.content DIV.topic.contact DIV.text_container DL
								{ margin: 0 2vw; }
								.main DIV.container DIV.content DIV.topic.contact DIV.text_container DL DD
									{ margin: 0 2vw; }

/*#topic5*/			.main DIV.container DIV.content DIV.topic.not-used /*#topic5*/
						{ }

/*#topic6*/			.main DIV.container DIV.content DIV.topic.pheaturedphoto /*#topic6*/
						{ }
						.main DIV.container DIV.content DIV.topic.pheaturedphoto DIV.text_container
							{ }
						.main DIV.container DIV.content DIV.topic.pheaturedphoto DIV.text_container.title
							{
							 width: 18vw; height: auto;
							 /*position: absolute;*/
							 top: 5vw; bottom: auto;
							 padding-left: 2.4vw;
							 margin-left: 0;
							}
							.main DIV.container DIV.content DIV.topic.pheaturedphoto DIV.text_container.title H2
								{ float: right; }

				.main DIV.container DIV.content DIV.right
						{ }
					.main DIV.container DIV.content DIV.right IMG
							{ }

		.main DIV.footer
			{ }
			.main DIV.footer UL.bottom_menu
				{ }
				.main DIV.footer UL.bottom_menu LI
					{ }

			.main DIV.footer P
				{ }
			.main DIV.footer SPAN.copyright
				{ }
}

/*@media (orientation: landscape) and (min-width: 1441px)*/
@media (orientation: landscape) /*and (min-width: 1441px)*/
{
 BODY
	{ }
	DIV.loading
		{ /* mb_photo_20_loading.css */ }

	DIV#main
		{ }
		.main H1,H2,H3
			{ }

	DIV#main.loading /* Javascript handle */
		{ }
		 DIV#main.loading IMG
			{ }

		.main DIV#top
			{ }
			/*.main DIV.cover_pic
				{ }*/

			.main DIV.page_title
				{
				 position: absolute;
				 left: 0; top: 12vh;
				 padding-left: 12vw;
				}
				.main DIV.page_title H1, H2, H3
					{ }

			.main DIV.page_title.sub_title
				{
				 position: absolute;
				 left: 0; top: 45vh;
				}
				.main .page_title .icon
					{  }

		.main DIV#menu
			{ /* mb_photo_20_menu.css */ }

		.main DIV.container
			{ }
			.main DIV.container DIV.content
				{ }

				.main DIV.container DIV.content DIV.share_wrapper
					{ }

				.main DIV.container DIV.content DIV.left
					{ }
					.main DIV.container DIV.content DIV.topic
						{ }
						.main DIV.container DIV.content DIV.topic DIV.text_container
							{ }
						.main DIV.container DIV.content DIV.topic DIV.text_container.title
							{ }
						.main DIV.container DIV.content DIV.topic IMG
							{ }

					.main DIV.container DIV.content DIV.topic:not(:nth-child(3n))
						{ }
					.main DIV.container DIV.content DIV.topic:last-child
						{ }
					.main DIV.container DIV.content DIV.topic.subtitle
						{ }

					.main DIV.container DIV.content DIV.topic.double_wide
						{ }
						.main DIV.container DIV.content DIV.topic.double_wide DIV.text_container
							{ }

							.main DIV.container DIV.content DIV.topic DIV.text_container H2
								{ }
							.main DIV.container DIV.content DIV.topic DIV.text_container P
								{ }
							.main DIV.container DIV.content DIV.topic DIV.text_container P.indent
								{ }
							.main DIV.container DIV.content DIV.topic DIV.text_container P.anchor
								{ }

						.main DIV.container DIV.content DIV.topic UL
							{ }

/*#topic1*/			.main DIV.container DIV.content DIV.topic.bio /*#topic1*/
						{ }

/*#topic2*/			.main DIV.container DIV.content DIV.topic.not-used /*#topic2*/
						{ }

/*#topic3*/			.main DIV.container DIV.content DIV.topic.portfolio /*#topic3*/
						{ }

/*#topic4*/			.main DIV.container DIV.content DIV.topic.contact /*#topic4*/
						{ }

/*#topic5*/			.main DIV.container DIV.content DIV.topic.not-used /*#topic5*/
						{ }

/*#topic6*/			.main DIV.container DIV.content DIV.topic.pheaturedphoto /*#topic6*/

				.main DIV.container DIV.content DIV.right
						{ }
					.main DIV.container DIV.content DIV.right IMG
							{ }

		.main DIV.footer
			{ }
			.main DIV.footer UL.bottom_menu
				{ }
				.main DIV.footer UL.bottom_menu LI
					{ }

			.main DIV.footer P
				{ }
			.main DIV.footer SPAN.copyright
				{ }

}

/*@media (orientation: landscape) and (min-width: 1441px)*/
@media (orientation: landscape) and (max-width: 1200px)
{
 BODY
	{ }
	DIV#main
		{ }
		.main DIV#top
			{ }
			.main DIV.page_title
				{
				 position: absolute;
				 left: 0; top: 40vh;
				 padding-left: 8vw;
				}
			.main DIV.page_title.sub_title
				{
				 position: absolute;
				 left: 0; top: 65vh;
				}
}

@media (orientation: portrait)
{
 BODY
	{ }
	DIV.loading
		{ /* mb_photo_20_loading.css */ }

	DIV#main
		{ }
		.main H1,H2,H3
			{ }

	DIV#main.loading /* Javascript handle */
		{ }
		 DIV#main.loading IMG
			{ }

		.main DIV#top
			{ }
			.main DIV.cover_pic
				{ }

			.main DIV.page_title
				{
				 position: absolute;
				 left: 0; top: 40vh;
				}
				.main DIV.page_title H1, H2, H3
					{ }

			.main DIV.page_title.sub_title
				{
				 position: absolute;
				 left: 0; top: 65vh;
				}
				.main .page_title .icon
					{  }

		.main DIV#menu
			{ /* mb_photo_20_menu.css */ }

		.main DIV.container
			{ }
			.main DIV.container DIV.content
				{ }

				.main DIV.container DIV.content DIV.share_wrapper
					{ }

				.main DIV.container DIV.content DIV.left
					{ width: 100%; }
					.main DIV.container DIV.content DIV.topic
						{
						 width: 29vw; height: 50vw;
						 padding: 1vw;
						 margin-bottom: 3vw;
						}
						.main DIV.container DIV.content DIV.topic DIV.text_container
							{
							 width: 20vw; height: auto;
							 padding: 0.7vw 1.5vw;
							}
						.main DIV.container DIV.content DIV.topic IMG
							{ }

					.main DIV.container DIV.content DIV.topic:not(:nth-child(3n))
						{ margin-right: 3vw; }
					.main DIV.container DIV.content DIV.topic:last-child
						{ }
					.main DIV.container DIV.content DIV.topic.subtitle
						{ }

					.main DIV.container DIV.content DIV.topic.double_wide
						{ width: 58vw; }
						.main DIV.container DIV.content DIV.topic.double_wide DIV.text_container
							{ width: 44vw; }

							.main DIV.container DIV.content DIV.topic DIV.text_container H2
								{ font-size: 3vw; }
							.main DIV.container DIV.content DIV.topic DIV.text_container P
								{ }
							.main DIV.container DIV.content DIV.topic DIV.text_container P.indent
								{ }
							.main DIV.container DIV.content DIV.topic DIV.text_container P.anchor
								{ }

						.main DIV.container DIV.content DIV.topic UL
							{ }

/*#topic1*/			.main DIV.container DIV.content DIV.topic.bio /*#topic1*/
						{ }
						.main DIV.container DIV.content DIV.topic.bio DIV.text_container
							{
							 width: 37vw; height: auto;
							 /*position: absolute;*/
							 left: auto; right: 0;
							 font-size: 2.5vw;
							}
						.main DIV.container DIV.content DIV.topic.bio DIV.text_container.title
							{
							 /*position: absolute;*/
							 bottom: auto; top: 1vw;
							}
						.main DIV.container DIV.content DIV.topic.bio DIV.text_container:nth-child(2)
							{
							 color: black;
							 background-color: rgba(255,255,255,0.4);
							 /*position: absolute;*/
							 top: 4.5vw; bottom: auto;
							}
							.main DIV.container DIV.content DIV.topic.bio DIV.text_container H2
								{ font-size: 3vw; }
							.main DIV.container DIV.content DIV.topic.bio DIV.text_container P
								{ margin: 0.5ex 0; }

/*#topic2*/			.main DIV.container DIV.content DIV.topic.not-used /*#topic2*/
						{ }

/*#topic3*/			.main DIV.container DIV.content DIV.topic.portfolio /*#topic3*/
						{ }
						.main DIV.container DIV.content DIV.topic.portfolio DIV.text_container
							{
							 width: 20vw; height: auto;
							 /*position: absolute;*/
							 left: 0; right: auto; top: 3vw; bottom: auto;
							}
							.main DIV.container DIV.content DIV.topic.portfolio DIV.text_container H2
								{ float: right; }
						.main DIV.container DIV.content DIV.topic.portfolio DIV.text_container:nth-child(2)
							{ display: none; }

/*#topic4*/			.main DIV.container DIV.content DIV.topic.contact /*#topic4*/
						{ }
						.main DIV.container DIV.content DIV.topic.contact DIV.text_container
							{
							 width: 27vw;
							 font-size: 2.5vw; 
							 padding: 0.5vw 1vw;
							 margin: 1vw;
							}
							.main DIV.container DIV.content DIV.topic.contact DIV.text_container *
								{ }
							.main DIV.container DIV.content DIV.topic.contact DIV.text_container H2
								{
								 font-size: 3vw;
								 float: none;
								}
							.main DIV.container DIV.content DIV.topic.contact DIV.text_container DL
								{ margin: 0 2vw; }
								.main DIV.container DIV.content DIV.topic.contact DIV.text_container DL DD
									{ margin: 0 2vw; }

/*#topic5*/			.main DIV.container DIV.content DIV.topic.not-used /*#topic5*/
						{ }

/*#topic6*/			.main DIV.container DIV.content DIV.topic.pheaturedphoto /*#topic6*/
						{ }
						.main DIV.container DIV.content DIV.topic.pheaturedphoto DIV.text_container
							{ }
						.main DIV.container DIV.content DIV.topic.pheaturedphoto DIV.text_container.title
							{
							 width: 27vw; height: auto;
							 /*position: absolute;*/
							 top: 5vw; bottom: auto;
							 padding-left: 2.4vw;
							 margin-left: 0;
							}
							.main DIV.container DIV.content DIV.topic.pheaturedphoto DIV.text_container.title H2
								{ float: right; }

				.main DIV.container DIV.content DIV.right
						{ }
					.main DIV.container DIV.content DIV.right IMG
							{ }

		.main DIV.footer
			{ }
			.main DIV.footer UL.bottom_menu
				{ }
				.main DIV.footer UL.bottom_menu LI
					{ }

			.main DIV.footer P
				{ }
			.main DIV.footer SPAN.copyright
				{ }

}