/* WIDESCREEN STYLE SHEET FOR AURAJEWELRYDESIGN.COM. greek_line.html */

/* TEXT */
h3
{	
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
}
p
{
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
}
@media screen and (min-width: 1025px)				 /* 1025 X 740 */
{
	body
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100vw;
		height: 100vh;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		        -webkit-box-align: center;
		            -ms-flex-align: center;
		                align-items: center;
		background: white;
		overflow-y: hidden;
		overflow-x: hidden;
		background: white;
		margin: 0;
		padding: 0;
	}
/* SITE DOWN FOR MAINTENACE MESSAGE */
	#siteDown
	{
		display: none;
	}
/* SITE WRAPPER: wraps all the elements of the body */
	#siteWrap
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		height: 100%;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		position: relative;
		background: #cbd5db;
	}
/* SCREEN ROTATE MESSAGE: for mobile screen landscape mode, MUST BE ABSOLUTE POSITION. */
	#screenRotateMsg
	{
		display: none;
		width: 100%;
		height: 100%;
		position: absolute;
	}
/* SITE CONTENT: this a wrapper for the site content, purpose to seperate the background image. MUST BE ABSOLUTE POSITION */
	#siteContent
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		height: 100%;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		position: absolute;
		background-image: -o-linear-gradient(top, rgba(203,213,219,1), rgba(2198,174,221,.3));
		background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(203,213,219,1)), to(rgba(2198,174,221,.3)));
		background-image: linear-gradient(to bottom, rgba(203,213,219,1), rgba(2198,174,221,.3));
	}
/* HEADER: houses logo and menu button */
	header
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		height: 17%;
		position: fixed;
		top: 0;
	}
	#headWrap
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		height: 100%;
		position: relative;
	}
/* HEADER BACKGROUND: not used for Aura homepage, index.html, dispay: none; */
	#headBackgrnd
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		height: 75%;
		background-image: -o-linear-gradient(#99a7b8, #cbd5db, #cbd5db);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#99a7b8), color-stop(#cbd5db), to(#cbd5db));
		background-image: linear-gradient(#99a7b8, #cbd5db, #cbd5db);
		-webkit-box-shadow: 2px 2px 12px #733ba0;
		box-shadow: 2px 2px 12px #733ba0;
		position: absolute;
	}
/* LOGO */
	#logoElmnt
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 13%;
		height: 100%;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		position: absolute;
		left: 3%;
		top: 25%;
		z-index: 1;
	}
/* LOGO */
	#logo
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 98%;
		height: 98%;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		border: 2px solid #6496a2;
		border-radius: 20%;
		overflow: hidden;
		-webkit-box-shadow: inset 0 0 7px;
		box-shadow: inset 0 0 7px #000;
		background-image: url('../media/logo/aura_logo.png');
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
		opacity: 1;
	}
	#logoElmnt:hover
	{
		-webkit-transform: scale(.9);
		    -ms-transform: scale(.9);
		        transform: scale(.9);
	}
	.title
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 72%;
		height: 100%;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		visibility: visible;
		position: absolute;
		margin: auto;
		left: 13%;
		z-index: 0;

	}
	.title h1
	{
		display: -webkit-box;	
		display: -ms-flexbox;	
		display: flex;
		font-family: 'Great Vibes';
		font-size: 48px;
		color: #733ba0;
		text-shadow: .5px .5px 1px #6496a2;
		position: relative;
		bottom: 8%;
	}
	#menuBntElmnt
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 15%;
		height: 75%;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		position: absolute;
		left: 85%;
		z-index: 1;

	}	
/* MENU BUTTON */
	#menuButton
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		height: 90%;
		width: 50%;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		background: transparent;
		border: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		position: relative;
		top: 2%;
		left: 5%;
	}
	#menuButton:hover
	{
		-webkit-transform: scale(.9);
		    -ms-transform: scale(.9);
		        transform: scale(.9);
	}
	#menuWord
	{
		color: #c6aedd;
		font-size: 18px;
		font-family: 'Montserrat', sans-serif;
		text-shadow: .5px .5px 2px #65258f;
	}
	#menuButton:hover > #menuWord
	{
		text-shadow: .5px .5px 1.5px #000;
	}
	{
		letter-spacing: 2px;
	}
	.menu_lines
	{	
		width: 80%;
		height: 3px;
		margin: 8px 0;
		background-color: #c6aedd;
		border-radius: 20%;
		-webkit-box-shadow: 1px 1px 2px #65258f;
		box-shadow: 1px 1px 2px #65258f;
	}
	#menuButton:hover > .menu_lines
	{
		-webkit-box-shadow: 1px 1px 2px #000;
		        box-shadow: 1px 1px 2px #000;
	}
/* MAIN */
	main
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		height: 71%;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		position: absolute;
		z-index: 0;
		background: transparent;
	}
	#mainWrap
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		height: 100%;
		position: relative;
		z-index: 0;
	}
/* VIEWER ELEMENT: houses the large photo, scroll/click message and photo thumbnails */
	#jewelryViewer
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 0;
		visibility: visible;
	}
	.viewer_wrap
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		height: 100%;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		position: absolute;
	}
	#wrapChains, #wrapEarrings, #wrapPendants, #wrapRings
	{
		display: none;
	}
	.title_small
	{
		display: none;
		visibility: none;
	} 
/* PHOTO VIEWER ELEMENT: houses large img, thmbs, and scroll/click */
	.photoViewer
	{	
		display: -webkit-box;	
		display: -ms-flexbox;	
		display: flex;
		-webkit-box-pack: end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		align-items: center;
		width: 82%;
		height: 100%;
		position: relative;
		right: 4%;
	}
	.photoViewer img
	{
		width: 70%;
		max-height: 100%;
		border-radius: 1%;
		-webkit-box-shadow: 1px 1px 4px #000000;
		        box-shadow: 1px 1px 4px #000000;
		border: 2px solid #733ba0;
		position: relative;
	}
/* SCROLL AND CLICK */
	.scrollClick
	{	
		display: -webkit-box;	
		display: -ms-flexbox;	
		display: flex;
		height: 100%;
		width: 3%;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.scolClck2
	{
		display: none;
	}
	.h4Elmt
	{	
		opacity: .6;
		line-height: px;
	  	color: #733ba0;
	  	-ms-flex-item-align: center;
	  	    -ms-grid-row-align: center;
	  	    align-self: center;
	}
	.h4Elmt 
	{
		-webkit-animation: fadeScrollTxt 3s ease-out;
		        animation: fadeScrollTxt 3s ease-out;
	    -webkit-animation-iteration-count: infinite;
	            animation-iteration-count: infinite; 
	    opacity: 1;
	}
	@-webkit-keyframes fadeScrollTxt
	{
		0%{opacity: .6;}
		50%{opacity: .2;}
		100%{opacity: .6;}
	}
	@keyframes fadeScrollTxt
	{
		0%{opacity: .6;}
		50%{opacity: .2;}
		100%{opacity: .6;}
	}
	.h4One
	{
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
	  	-webkit-text-orientation: upright;
	  	text-orientation: upright;
	}
	.h4Two
	{
		display: none;
	}
	.thumbNailWrap
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 15%;
		height: 100%;
		top: 1%;
		position: relative;
	}
	.photo_thmb
	{	
		display: -webkit-box;	
		display: -ms-flexbox;	
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		width: 100%;
		height: 100%;
		overflow: scroll;
		overflow-x: hidden;
		z-index: 1;
		position: absolute;
	}
	.photo_thmb img
	{
		margin: 5px;
		width: 85%;
		height: auto;
		max-height: 175px;
		border-radius: 5%;
		-webkit-box-shadow: 1px 1px 4px #000000;
		        box-shadow: 1px 1px 4px #000000;
		border: 2px solid #6496a2;
	}
	.photo_thmb img:hover
	{
		-webkit-transform: scale(.9);
		    -ms-transform: scale(.9);
		        transform: scale(.9);
		border: 2px solid #733ba0;
	}
	h5
	{
		color: rgba(115,59,160,1);
		line-height: 12px;
	}
	.opacityOverlay
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		height: 100%;
		position: absolute;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
		visibility: hidden;
		z-index: 2;
	}		
	.opacity_block
	{	
		display: -webkit-box;	
		display: -ms-flexbox;	
		display: flex;
		width: 100%;
		height: 1%;
		background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(203,213,219,.5)), to(rgba(203,213,219,1)));
		background-image: -o-linear-gradient(bottom, rgba(203,213,219,.5), rgba(203,213,219,1));
		background-image: linear-gradient(to top, rgba(203,213,219,.5), rgba(203,213,219,1));
		position: relative;
		visibility: visible;
	}
	.op_block_top
	{
		margin-top: 10px
	}
/* INFORMATIONAL POP-UP ELEMENTS */							/* INFORMATIONAL POP-UP ELEMENTS */	
	#infoParent
	{	
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		height: 100%;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		position: absolute;
		z-index: 1;
		background: transparent;
		visibility: hidden;
	}
	.menu_info
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 90%;
		height: 80%;
		top: 27%;
		position: absolute;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		border-radius: 1%;
		-webkit-box-shadow: 2px 2px 4px;
		box-shadow: 2px 2px 4px;
		background: rgba(203,213,219,1);
		visibility: hidden;
	}
	.info_wrapper
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 82.5%;
		height: 100%;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		z-index: 1;
		margin-right: 1%;
	}
	.info_title
	{	
		display: -webkit-box;	
		display: -ms-flexbox;	
		display: flex;
		width: 100%;
		height: 12%;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		margin-top: 2%;
	}
	.info_title h1
	{
		font-family: 'Great Vibes';
		color: #733ba0;
		font-size: 38px;
		margin: 0;
		text-shadow: .5px .5px 1px #66aedd;
		line-height: 40px;
	}
	.info_txt
	{	
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		padding-top: .5%;
		width: 96%;
		height: 45%;
		margin: auto;
	}
	.info_wrapper a
	{
		display: none;
	}
	.media
	{	
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		height: 38%;
		margin-bottom: 2%;
	}
/* ABOUT US ELEMENT */										/* ABOUT US ELEMENT */
	.info_about
	{	
		left: 2.5%;
	}
	.about_txt p
	{
		font-size: 14px;
		line-height: 18px;
	}
	#making1 
	{
		display: none;
	}
	.media_about
	{
		-ms-flex-pack: distribute;
		justify-content: space-around;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.about_photos
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 30%;
		height: 100%;
	}
	.about_photos img
	{
	 	max-height: 98%;
	 	max-width: 98%;
	 	-webkit-box-shadow: 1px 1px 4px #000;
	 	box-shadow: 1px 1px 4px #000;
	 	border-radius: 1%;
	}
	.about_photos:nth-child(2) img
	{
		border: 2px solid #733ba0;
	}
	.about_photos:nth-child(3) img
	{
		border: 2px solid #6496a2;
	}
	.about_photos:nth-child(4) img
	{
		border: 2px solid #733ba0;
	}
/* FROM GREECE ELEMENT */									/* FROM GREECE ELEMENT */					
	.info_greek
	{	
		width: 77%;
		left: 22%;
	}
	.info_wrapper_greek
	{
		width: 80%;
	}
	.greek_title
	{
		height: 20%;
	}
	.greek_txt
	{
		height: 38%;
	}
	.greek_txt p
	{
		font-size: 15px;
	}
	.greek_txt i
	{
		color: #733ba0;
	}
	.media_greek 
	{	
	 	display: -webkit-box;
	 	display: -ms-flexbox;
	 	display: flex;
	 	height: 46%;
	 	-webkit-box-orient: horizontal;
	 	-webkit-box-direction: normal;
	 	-ms-flex-direction: row;
	 	flex-direction: row;
	 	-webkit-box-pack: center;
	 	-ms-flex-pack: center;
	 	justify-content: center;
	 	-webkit-box-align: center;
	 	-ms-flex-align: center;
	 	align-items: center;
	 	position: relative;
	 	margin-bottom: 3%;
	}
	.media_greek img
	{	
	 	height: 95%;
		width: auto;
		position: absolute;
		border-radius: 5%;
		-webkit-box-shadow: 2px 2px 6px #000;
		box-shadow: 2px 2px 6px #000;
		opacity: 0;
		margin-right: 10%;
	}
	.purple
	{
		border: 2px solid #733ba0;
	}
	.blue
	{
		border: 2px solid #6496a2;
	}
/* FROM GREECE PHOTO ANIMATION */
	.imgGreek
	{
		-webkit-animation-name: greekAnima;
		animation-name: greekAnima;
	 	-webkit-animation-duration: 7s;
	 	animation-duration: 7s;
	 	-webkit-animation-timing-function: ease-out;
	 	animation-timing-function: ease-out;
	 	opacity: 0;
	}	
	#greekImg02
	{	
		-webkit-animation-delay: 6.5s;	
		        animation-delay: 6.5s;
	}
	#greekImg03
	{
		-webkit-animation-delay: 13s;
		        animation-delay: 13s;
	}
	#greekImg04
	{
		-webkit-animation-delay: 19.5s;
		        animation-delay: 19.5s;
	}
	#greekImg05
	{
		-webkit-animation-delay: 26s;
		        animation-delay: 26s;
	}
	#greekImg06
	{
		-webkit-animation-delay: 32.5s;
		        animation-delay: 32.5s;
	}
	#greekImg07
	{
		-webkit-animation-delay: 39s;
		        animation-delay: 39s;
	}
	#greekImg08
	{
	 	-webkit-animation-delay: 45.5s;
	 	        animation-delay: 45.5s;
	}
	#greekImg09
	{	
		-webkit-animation-delay: 52s;	
		        animation-delay: 52s;
	}
	#greekImg10
	{	
		-webkit-animation-delay: 58.5s;	
		        animation-delay: 58.5s;
	}
	#greekImg11
	{	
		-webkit-animation-delay: 65s;	
		        animation-delay: 65s;
	}
	#greekImg12
	{	
		-webkit-animation-delay: 71.5s;
		        animation-delay: 71.5s;
	}
	#greekImg13
	{	
		-webkit-animation-delay: 78s;	
		        animation-delay: 78s;
	}
	#greekImg14
	{	
		-webkit-animation-delay: 84.5s;	
		        animation-delay: 84.5s;
	}
	#greekImg15
	{	
		-webkit-animation-delay: 91s;	
		        animation-delay: 91s;
	}
	#greekImg16
	{	
		-webkit-animation-delay: 97.5s;	
		        animation-delay: 97.5s;
	}
	#greekImg17
	{	
		-webkit-animation-delay: 104s;	
		        animation-delay: 104s;
	}
	#greekImg18
	{	
		-webkit-animation-name: greekAnima_end;	
		animation-name: greekAnima_end;
	 	-webkit-animation-duration: 7s;
	 	animation-duration: 7s;
	 	-webkit-animation-timing-function: ease-out;
	 	animation-timing-function: ease-out;
	 	opacity: 0;
		-webkit-animation-delay: 110.5s;
		        animation-delay: 110.5s; /* 110.5s; */
		-webkit-animation-fill-mode: forwards;
		        animation-fill-mode: forwards;
	}
	@-webkit-keyframes greekAnima
	{
	 	0%
	 	{	
	 		-webkit-transform: translateX(80%);	
	 		        transform: translateX(80%);
	 		-webkit-transform: skew();
	 		        transform: skew();
	 		opacity: 0;
	 	}
	 	50%
	 	{	
	 		-webkit-transform: translateX(0%);	
	 		        transform: translateX(0%);
	 		opacity: 1;
	 	}
	 	75%
	 	{
	 		-webkit-transform: translateX(0%);
	 		        transform: translateX(0%);
	 		opacity: 1;
	 	}
	 	100%
	 	{	
	 		-webkit-transform: translateX(-70%);	
	 		        transform: translateX(-70%);
	 		opacity: 0;
	 	}
	}
	@-webkit-keyframes greekAnima_end
	{
		0%
	 	{	
	 	 	-webkit-transform: matrix(1,0,0,1,0,0);	
	 	 	        transform: matrix(1,0,0,1,0,0);
	 		opacity: 0;
	 	}
		100%
	 	{	
	 		-webkit-transform: matrix(1,0,0,1,0,0);	
	 		        transform: matrix(1,0,0,1,0,0);
	 		opacity: 1;
	 	}
	}
	@keyframes greekAnima_end
	{
		0%
	 	{	
	 	 	-webkit-transform: matrix(1,0,0,1,0,0);	
	 	 	        transform: matrix(1,0,0,1,0,0);
	 		opacity: 0;
	 	}
		100%
	 	{	
	 		-webkit-transform: matrix(1,0,0,1,0,0);	
	 		        transform: matrix(1,0,0,1,0,0);
	 		opacity: 1;
	 	}
	}
/* AURA LINE ELEMENT */									/* AURA LINE ELEMENT */
	.info_aura
	{	
		height: 93%;
		width: 92%;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		top: -10%;
	}
	.info_wrapper_aura
	{	
		width: 100%;
		height: 100%;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		margin: 0;
	}
	.aura_title
	{
		width: 98%;
		height: 12%;
		margin: 0;
		margin-top: 1%;
		margin-left: 2%;
	}
	.aura_txt
	{	
		width: 94%;
		height: 52%;
		margin: auto;
		margin-top: 1%;
	}
	.aura_txt p
	{
		font-size: 13.5px;
	}
	.aura_txt i
	{
		color: #733ba0;
	}
	.media_aura
	{	
		width: 100%;
		height: 36%;
		margin-bottom: 2%;
	}
	#auraMediaWrap
	{
		width: 100%;
		height: 100%;
		position: relative;
	}
/* PICTURE BLOCKER: this creates a element that hides images in element below; */
	#pic_blocker
	{
		width: 100%;
		height: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		position: absolute;
	}
	.pic_blocker_child
	{	
		width: 35%;
		height: 100%;
		z-index: 1;
	}
	.pic_blocker_middle
	{	
		width: 30%;
		background: #cbd5db;
		overflow: hidden;
		border-radius: 5%;
	}
	#imageContainer
	{
		width: 100%;
		height: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		position: absolute;	
		z-index: 0;
	}
	#imageContainer img
	{
		width: auto;
		height: 80%;
		position: absolute;
		-webkit-box-shadow: 2px 2px 4px;
		        box-shadow: 2px 2px 4px;
		border-radius: 20px;
		border: 2px solid #733ba0;
	}
/* AURA LINE IMAGE ANIMATION */
	.left
	{
		-webkit-animation-name: animaLeft;
		        animation-name: animaLeft;
		-webkit-animation-duration: 7S;
		        animation-duration: 7S;
		-webkit-animation-delay: .5s;
		        animation-delay: .5s;
	}
	#opalRing2
	{
		-webkit-animation-delay: 6s;
		        animation-delay: 6s;
	}
	#greyBracelets
	{
		-webkit-animation-delay: 12s;
		        animation-delay: 12s;
	}
	#walrusIvory
	{
		-webkit-animation-name: animaLeftEnd;
		        animation-name: animaLeftEnd;
		-webkit-animation-duration: 7S;
		        animation-duration: 7S;
		-webkit-animation-delay: 17s;
		        animation-delay: 17s;
		-webkit-animation-fill-mode: forwards;
		        animation-fill-mode: forwards;
	}
	@-webkit-keyframes animaLeft
	{
		0%
		{
			-webkit-transform: translateX(0px);
			        transform: translateX(0px);
			z-index: 1;
			opacity: 0;
		}
		25%
		{	
			-webkit-transform: translateX(275px);	
			        transform: translateX(275px);
			z-index: 1;
			opacity: 1;
		}
		50%
		{	
			-webkit-transform: translateX(275px);	
			        transform: translateX(275px);
			z-index: 1;
			opacity: 1;
		}
		100%
		{
			-webkit-transform: translateX(0px);
			        transform: translateX(0px);
			z-index: 0;
			opacity: 0;
		}
	}
	@keyframes animaLeft
	{
		0%
		{
			-webkit-transform: translateX(0px);
			        transform: translateX(0px);
			z-index: 1;
		}
		25%, 75%
		{	
			-webkit-transform: translateX(275px);	
			        transform: translateX(275px);
			z-index: 1;
			opacity: 1;
		}
		100%
		{
			-webkit-transform: translateX(0px);
			        transform: translateX(0px);
			z-index: 0;
		}
	}
	@-webkit-keyframes animaLeftEnd
	{
		0%
		{
			-webkit-transform: translateX(0px);
			        transform: translateX(0px);
			z-index: 1;
		}
		25%, 100%
		{	
			-webkit-transform: translateX(275px);	
			        transform: translateX(275px);
			z-index: 1;
		}
	}
	@keyframes animaLeftEnd
	{
		0%
		{
			-webkit-transform: translateX(0px);
			        transform: translateX(0px);
			z-index: 1;
		}
		25%, 100%
		{	
			-webkit-transform: translateX(275px);	
			        transform: translateX(275px);
			z-index: 1;
		}
	}
	.right
	{
		-webkit-animation-name: animaRight;
		        animation-name: animaRight;
		-webkit-animation-duration: 7s;
		        animation-duration: 7s;
		-webkit-animation-delay: .5s;
		        animation-delay: .5s;
	}
	#fireagate
	{
		-webkit-animation-delay: 6s;
		        animation-delay: 6s;
	}
	#channelBands
	{
		-webkit-animation-delay: 12s;
		        animation-delay: 12s;
	}
	#dragonPendant
	{
		-webkit-animation-name: animaRightEnd;
		        animation-name: animaRightEnd;
		-webkit-animation-duration: 7s;
		        animation-duration: 7s;
		-webkit-animation-delay: 17s;
		        animation-delay: 17s;
		-webkit-animation-fill-mode: forwards;
		        animation-fill-mode: forwards;
	}
	@-webkit-keyframes animaRight
	{
		0%
		{
			-webkit-transform: translateX(0px);
			        transform: translateX(0px);
			z-index: 1;
		}
		25%, 75%
		{	
			-webkit-transform: translateX(-275px);	
			        transform: translateX(-275px);
			z-index: 1;
		}
		100%
		{
			-webkit-transform: translateX(0px);
			        transform: translateX(0px);
			z-index: 0;
		}
	}
	@keyframes animaRight
	{
		0%
		{
			-webkit-transform: translateX(0px);
			        transform: translateX(0px);
			z-index: 1;
		}
		25%, 75%
		{	
			-webkit-transform: translateX(-275px);	
			        transform: translateX(-275px);
			z-index: 1;
		}
		100%
		{
			-webkit-transform: translateX(0px);
			        transform: translateX(0px);
			z-index: 0;
		}
	}
	@-webkit-keyframes animaRightEnd
	{
		0%
		{
			-webkit-transform: translateX(0px);
			        transform: translateX(0px);
			z-index: 1;
		}
		25%, 100%
		{	
			-webkit-transform: translateX(-275px);	
			        transform: translateX(-275px);
			z-index: 1;
		}
	}
	@keyframes animaRightEnd
	{
		0%
		{
			-webkit-transform: translateX(0px);
			        transform: translateX(0px);
			z-index: 1;
		}
		25%, 100%
		{	
			-webkit-transform: translateX(-275px);	
			        transform: translateX(-275px);
			z-index: 1;
		}
	}
/* OUR PROCESS ELEMENT */									/* OUR PROCESS ELEMENT */
	.info_process
	{	
		width: 77%;
		right: 22%;
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
	}
	.title_process
	{
		width: 98%;
		margin-left: 2%;
	}
	.process_txt
	{
		width: 96%;
		height: 41%;
		margin-left: 4%;
	}
	.process_txt p
	{
		font-size: 13.75px;
	}
	.media_process
	{	
		-webkit-box-pack: center;	
		    -ms-flex-pack: center;	
		        justify-content: center;
		height: 39%;
	}
/* CONTACT US ELEMENT */									/* CONTACT US ELEMENT */
	.info_contact
	{
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
		right: 2.5%;
	}
	.title_contact
	{
		width: 98%;
		margin-left: 2%;
	}
	#span
	{
		width: 3%;
	}
	.info_wrapper_contact h1
	{
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}
	.contact_txt
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		        margin-bottom: 2%;
	}
	.contact_txt p
	{
		margin-left: 20px;
	}
	.contact_txt h3
	{	
		font-size: 16px;
		text-shadow: .5px .5px 1px #fff;
		line-height: 5px;
		margin-left: 2%;
		margin-right: 2%;
	}
	.con1 img, .con2 img /* mobile devices only */
	{
		display: none;
		visibility: none;
	}	
	.contact_txt > h3 > a
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.con1, .con1 > a
	{
		color: #733ba0;
		text-decoration: none;
	}
	.con2, .con2 > a
	{	
		color: #6496a2;
		text-decoration: none;
	}
	.media_contact
	{
		width: 100%;
		height: 38%; 
		display: -webkit-box; 
		display: -ms-flexbox; 
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		margin-bottom: 0;
	}
	.media_contact img
	{	
		width: 50%;
		max-height: 100%;
		-webkit-box-shadow: 1px 1px 4px #000;
		box-shadow: 1px 1px 4px #000;
		border-radius: 1%;
		border: 2px solid #733ba0;
	}
/* MENU ICONS ELEMENT */									/* MENU ICONS ELEMENT */
	.menu_icons
	{	
		display: -webkit-box;	
		display: -ms-flexbox;	
		display: flex;
		width: 100%;
		height: 40%;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-ms-flex-pack: distribute;
		    justify-content: space-around;
		top: 50%;
		background: transparent;
		z-index: 2;
		position: absolute;
		visibility: hidden;
	}
/* REDUCED OPACITY ICONS */
	.op_menu_icons
	{
		z-index: 0;
	}
/* INDIVIDUAL MENU ICONS: for widescreens */
	.icon_wrap
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 18%;
		height: 100%;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-ms-flex-wrap: nowrap;
		    flex-wrap: nowrap;
		visibility: hidden;
	}
/* ICON TITLES */
	.icon_title
	{	
		display: -webkit-box;	
		display: -ms-flexbox;	
		display: flex;
		width: 100%;
		height: 15%;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		        visibility: hidden;
	}
	.icon_title h3
	{	
		font-size: 14px;
		text-transform: uppercase;
		color: #733ba0;
		text-shadow: .5px .5px 1px #6496a2;
	}
/* ICON IMAGES */
	.icons
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		height: 60%;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		        visibility: hidden;
	}
	.menu_id
	{	
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 65%;
		height: 90%;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		border: 2px solid #6496a2;
		border-radius: 20%;
		overflow: hidden;
		-webkit-box-shadow: inset 0 0 7px #000;
		box-shadow: inset 0 0 7px #000;
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
		visibility: hidden;
	}
/* OPACITY REDUCED MENU ICONS: only the 'about us' and 'contact us' icon are visible when menu icons are hovered, visibility is set for 0 on other icons; */
	.op_menu_icon
	{	
		opacity: .3;
		z-index: 0;
		visibility: hidden;
	}
	#opAboutElmnt, #opContactElmnt
	{
		opacity: .3;
		z-index: 0;
		visibility: hidden;
	}
	#ghstAboutTitle, #ghstConactTitle
	{
		opacity: .3;
	}
/* MENU ICONS FOR SMALL SCREEN */
	.menu_enclosures:hover > h3
	{
		visibility: hidden;
	}
	.menu_id:hover
	{
		-webkit-transform: scale(.9);
		-ms-transform: scale(.9);
		transform: scale(.9);
		border: 3px solid rgba(198,174,221,1);
		-webkit-box-shadow: 1.5px 1.5px 3px #733ba0;
		        box-shadow: 1.5px 1.5px 3px #733ba0;
		opacity: .8;
	}
/* ICON BACKGROUND IMAGES */
	.about_us
	{
		background-image: url('../media/icons/aura_shop_icon.jpg');
	}
	.greek_line
	{
		background-image: url('../media/icons/greek_line_icon.jpg');
	}
	.aura_line
	{
		background-image: url('../media/icons/aura_line_icon.jpg');
	}
	.our_process
	{
		background-image: url('../media/icons/our_process_icon.jpg');
	}
	.contact_us
	{	
		background-image: url('../media/icons/aura_map_icon.jpg');
	}
/* CLICK HERE ELEMENTS */
	.click_here
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 60%;
		height: 35%;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		visibility: hidden;
		margin: auto;
	}
	.click_here_aura
	{
		width: 80%;
	}
/* CURVED TAIL ARROW */
	.curved_arrow 
	{
		position: relative;
		width: 0;
		height: 0;
		border-top: 9px solid transparent;
		border-right: 9px solid #733ba0;
		-webkit-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 1;
		-webkit-animation-name: arrowAnima;
		        animation-name: arrowAnima;
		-webkit-animation-duration: 2500ms;
		        animation-duration: 2500ms;
		-webkit-animation-timing-function: ease-in-out;
		        animation-timing-function: ease-in-out;
		-webkit-animation-iteration-count: infinite;
		        animation-iteration-count: infinite;
	}
	@-webkit-keyframes arrowAnima
	{
		0%{opacity: 0;}
		50%{opacity: 1;}
		100%{opacity: 0;}
	}
	@keyframes arrowAnima
	{
		0%{opacity: 0;}
		50%{opacity: 1;}
		100%{opacity: 0;}
	}
	.shape > style {
		display: block;
		white-space: pre; 
		color: white; 
		font: 12px Monaco; 
		padding: 0 15px; 
		margin-top: 1rem;
	}
	.shape > h3 {
		padding-top: 0 !important;
	}
	.curved_arrow:after {
		content: "";
		position: absolute;
		border: 0 solid transparent;
		border-top: 3px solid #733ba0;
		border-radius: 20px 0 0 0;
		top: -12px;
		left: -9px;
		width: 12px;
		height: 12px;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
/* CURVED TEXT */
	.curve_txt
	{	
		display: -webkit-box;	
		display: -ms-flexbox;	
		display: flex;
		width: 100%;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		margin-left: 20px;
		color: #733ba0;
	}
	.curve_text_aura
	{
		width: 200%;
		margin-bottom: 2px;
	}
	footer
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		height: 13%;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		position: fixed;
		bottom: 0;
		visibility: visible;
		z-index: 0;
	}
	#footWrap
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		height: 100%;
		background-image: -o-linear-gradient(#cbd5db, #cbd5db, #99a7b8);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#cbd5db), color-stop(#cbd5db), to(#99a7b8));
		background-image: linear-gradient(#cbd5db, #cbd5db, #99a7b8);
		-webkit-box-shadow: 2px -2px 4px #733ba0;
			box-shadow: 2px -2px 4px #733ba0;
		position: relative;
		visibility: visible;
		z-index: 0;
	}
	.footer_child
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		height: 100%;
		position: absolute;
		visibility: visible;
		z-index: 0;
	}
/* MENU ICONS: for mobile devices */
	.menu_icons_small
	{
		display: none;
		z-index: 0;
	}
/* JEWELRY TYPE ICONS */
	.jewelry_types_wrap
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 60%;
		height: 100%;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		position: relative;
		left: 20%;
		z-index: 1;
	}
	.jewelry_type
	{	
		display: -webkit-box;	
		display: -ms-flexbox;	
		display: flex;
		position: relative;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		width: 15%;
		height: 100%;
		z-index: 1;
	}
	.jewelry_type h3
	{
		font-size: 10px;
		line-height: 0;
		color: #733ba0;
		font-family: 'Montserrat', sans-serif;
		text-transform: uppercase;
	}
	.type_img
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 90%;
		height: 100%;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		border: 2.5px solid #6496a2;
		border-radius: 20%;
		overflow: hidden;
		-webkit-box-shadow: inset 0 0 7px #000;
		box-shadow: inset 0 0 7px rgba(0,0,0,.8);
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
		margin-bottom: 5%;
	}
	.type_img:hover
	{
		-webkit-transform: scale(.9);
		-ms-transform: scale(.9);
		transform: scale(.9);
		border: 2.5px solid rgba(198,174,221,1);
	}
	.img_type_brac
	{
		background-image: url("../media/icons/greek_bracelets.jpg");
	}
	.img_type_chain
	{
		background-image: url("../media/icons/greek_chains.jpg");
	}
	.img_type_ear
	{
		background-image: url("../media/icons/greek_earrings.jpg")
	}
	.img_type_pend
	{
		background-image: url("../media/icons/greek_pendants.jpg");
	}
	.img_type_rings
	{
		background-image: url("../media/icons/greek_rings.jpg");
	}
/* EMAIL AND PHONE ICON ELEMENT */
	.contact_bar
	{	
		-webkit-box-pack: end;	
		    -ms-flex-pack: end;	
		        justify-content: flex-end;
		-webkit-box-align: end;
		    -ms-flex-align: end;
		        align-items: flex-end;
		background: transparent;
		z-index: 0;
	}
	#contactBarIcons
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-ms-flex-wrap: nowrap;
		    flex-wrap: nowrap;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		width: 85px;
		height: 35px;
		margin-right: 2%;
		margin-bottom: 1%;
		visibility: hidden;
	}
	#contactBarIcons > a 
	{	
		display: -webkit-box;	
		display: -ms-flexbox;	
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		height: 100%;
		width: 100%;
	}
	#contactBarIcons > a > img
	{
		height: 80%;
		width: auto;
	}
	#contactBarIcons > a > img:hover
	{
		opacity: .2;
	}
}
@media screen and (min-height: 840px)		/* media queries start for height, til, min-height: 1920px; */
{	
	#logoElmnt
	{
		width: 14%;
		left: 4%;
	}
	.photoViewer img
	{
		width: 80%;
		top: 2%;
	}
	.info_txt p
	{
		line-height: 22px;
	}
	.about_txt p
	{
		font-size: 16px;
		line-height: 20px;
	}
	.greek_txt p
	{
		font-size: 16px;
	}
	.aura_txt p
	{
		font-size: 14px;
		line-height: 18px;
	}
	.process_txt
	{
		width: 94%;
	}
	.process_txt p
	{
		font-size: 14px;
		line-height: 19px;
	}
	.jewelry_types_wrap
	{
		height: 90%;
		top: 5%;
	}
	@media screen and (min-height: 940px)
	{	
		#logoElmnt
		{
			height: 85%;
		}
		main
		{
			height: 75%;
		}
		.thumbNailWrap
		{
			top: 2%;
		}
		.info_aura
		{
			top: -14%
		}
		.menu_icons
		{
			height: 35%;
		}
		.info_txt p
		{
			font-size: 16px;
			line-height: 22px;
		}
		.aura_txt p
		{
			font-size: 15px;
			line-height: 20px;
		}
		.process_txt p
		{
			line-height: 19px;
		}
		footer
		{
			height: 10%;
		}
	}
	@media screen and (min-height: 1040px)				/* 1025 X 1040 */
	{
		#logoElmnt
		{
			height: 85%;
			width: 15%;
		}
		#infoParent
		{
			height: 90%;
		}
		.info_txt p
		{
			font-size: 16px;
			line-height: 20px;
		}
		.about_text
		{
			height: 42%;
		}
		.media_about
		{
			height: 40%;
		}
		.icon_wrap
		{
			width: 20%;
		}
	/* ADJUSTMENT OF "AURA LINE" INFORMATIONAL ELEMENT'S ANIMATION */
		@-webkit-keyframes animaLeft
		{
			0%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 1;
			}
			25%, 75%
			{	
				-webkit-transform: translateX(300px);	
				        transform: translateX(300px);
				z-index: 1;
				opacity: 1;
			}
			100%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 0;
			}
		}
		@keyframes animaLeft
		{
			0%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 1;
			}
			25%, 75%
			{	
				-webkit-transform: translateX(300px);	
				        transform: translateX(300px);
				z-index: 1;
				opacity: 1;
			}
			100%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 0;
			}
		}
		@-webkit-keyframes animaLeftEnd
		{
			0%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 1;
			}
			25%, 100%
			{	
				-webkit-transform: translateX(300px);	
				        transform: translateX(300px);
				z-index: 1;
			}
		}
		@keyframes animaLeftEnd
		{
			0%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 1;
			}
			25%, 100%
			{	
				-webkit-transform: translateX(300px);	
				        transform: translateX(300px);
				z-index: 1;
			}
		}
		@-webkit-keyframes animaRight
		{
			0%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 1;
			}
			25%, 75%
			{	
				-webkit-transform: translateX(-300px);	
				        transform: translateX(-300px);
				z-index: 1;
			}
			100%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 0;
			}
		}
		@keyframes animaRight
		{
			0%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 1;
			}
			25%, 75%
			{	
				-webkit-transform: translateX(-300px);	
				        transform: translateX(-300px);
				z-index: 1;
			}
			100%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 0;
			}
		}
		@-webkit-keyframes animaRightEnd
		{
			0%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 1;
			}
			25%, 100%
			{	
				-webkit-transform: translateX(-300px);	
				        transform: translateX(-300px);
				z-index: 1;
			}
		}
		@keyframes animaRightEnd
		{
			0%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 1;
			}
			25%, 100%
			{	
				-webkit-transform: translateX(-300px);	
				        transform: translateX(-300px);
				z-index: 1;
			}
		}
		.process_txt
		{
			height: 40%;
		}
		.media
		{
			height: 40%;
		}
	}
	@media screen and (min-height: 1140px)
	{
		header
		{
			height: 15%;
		}
		.photoViewer img
		{	
			width: 90%;
			top: 3%;
		}
		#infoParent
		{
			height: 85%;
		}
		.media_about, .media_greek
		{
			margin-bottom: 5%;
		}
		.media_process
		{
			margin-bottom: 3%;
		}
	}
	@media screen and (min-height: 1240px)				/* 1025 X 1240 */
	{
		#siteWrap
		{
			height: 90%;
		}
		header
		{
			top: 5%;
		}
		main
		{	height: 74%;
			top: 12.5%;
		}
		footer
		{
			bottom: 5%;
		}
	}
	@media screen and (min-height: 1340px)
	{
		#siteWrap
		{
			height: 80%;
		}
		header
		{	height: 12%;
			top: 10%;
		}
		main
		{
			height: 76%;
			top: 11.5%;
		}
		#infoParent
		{
			height: 90%;
		}
		.media_process
		{
			margin-bottom: 2%;
		}
		footer
		{	
			height: 8%;
			bottom: 10%;
		}
	}
	@media screen and (min-height: 1440px)
	{
		#imageContainer img
		{
			height: 75%;
		}
	}
	@media screen and (min-height: 1540px)
	{
		#infoParent
		{
			height: 80%;
		}
		#imageContainer img
		{
			height: 70%;
		}
		.jewelry_types_wrap
		{
			height: 80%;
			top: 10%;
		}
	}
	@media screen and (min-height: 1640px)
	{
		#logoElmnt
		{
			width: 16%;
		}
		
	}
	@media screen and (min-height: 1740px)
	{
		#infoParent
		{
			height: 75%;
		}
	}
	@media screen and (min-height: 1840px)
	{
		#logoElmnt
		{
			height: 80%;
			width: 17%;
		}
		#infoParent
		{
			height: 65%;
		}
	}
	@media screen and (min-height: 1920px)
	{
		#siteWrap
		{
			height: 70%;
		}
		header
		{
			height: 10%;
			top: 15%;
		}
		#infoParent
		{
			height: 70%;
		}
		footer
		{
			height: 6%;
			bottom: 15%;
		}
	}
}
/* media queries for next width and then height, each scaling up at 100px */
@media screen and (min-width: 1125px)							/* 1125 X 740 */
{
	.info_txt p
	{
		font-size: 16px;
		line-height: 20px;
	}
	.about_txt p
	{
		font-size: 16px;
		line-height: 18px;
	}
	.aura_txt p
	{
		font-size: 14px;
		line-height: 17px;
	}
	.process_txt
	{
		width: 95%;
	}
	.process_txt p
	{
		font-size: 14px;
		line-height: 17px;
	}
	@media screen and (min-height: 840px)
	{	
		.photoViewer img
		{
			width: 70%;
			top: 0;
		}
		.aura_txt p, .process_txt p
		{	
			font-size: 15px;
			line-height: 19px;
		}
	}
	@media screen and (min-height: 940px)
	{	.photoViewer img
		{
			width: 80%;
			top: 2%;
		}
		.info_txt p
		{
			font-size: 16px;
			line-height: 22px;
		}
		/* ADJUSTMENT OF "AURA LINE" INFORMATIONAL ELEMENT'S ANIMATION */
		@-webkit-keyframes animaLeft
		{
			0%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 1;
			}
			25%, 75%
			{	
				-webkit-transform: translateX(300px);	
				        transform: translateX(300px);
				z-index: 1;
				opacity: 1;
			}
			100%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 0;
			}
		}
		@keyframes animaLeft
		{
			0%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 1;
			}
			25%, 75%
			{	
				-webkit-transform: translateX(300px);	
				        transform: translateX(300px);
				z-index: 1;
				opacity: 1;
			}
			100%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 0;
			}
		}
		@-webkit-keyframes animaLeftEnd
		{
			0%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 1;
			}
			25%, 100%
			{	
				-webkit-transform: translateX(300px);	
				        transform: translateX(300px);
				z-index: 1;
			}
		}
		@keyframes animaLeftEnd
		{
			0%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 1;
			}
			25%, 100%
			{	
				-webkit-transform: translateX(300px);	
				        transform: translateX(300px);
				z-index: 1;
			}
		}
		@-webkit-keyframes animaRight
		{
			0%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 1;
			}
			25%, 75%
			{	
				-webkit-transform: translateX(-300px);	
				        transform: translateX(-300px);
				z-index: 1;
			}
			100%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 0;
			}
		}
		@keyframes animaRight
		{
			0%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 1;
			}
			25%, 75%
			{	
				-webkit-transform: translateX(-300px);	
				        transform: translateX(-300px);
				z-index: 1;
			}
			100%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 0;
			}
		}
		@-webkit-keyframes animaRightEnd
		{
			0%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 1;
			}
			25%, 100%
			{	
				-webkit-transform: translateX(-300px);	
				        transform: translateX(-300px);
				z-index: 1;
			}
		}
		@keyframes animaRightEnd
		{
			0%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 1;
			}
			25%, 100%
			{	
				-webkit-transform: translateX(-300px);	
				        transform: translateX(-300px);
				z-index: 1;
			}
		}
		.aura_txt p
		{
			line-height: 19px;
		}
		.process_txt p
		{
			line-height: 20px;
		}
	}
	@media screen and (min-height: 1040px)
	{
		.aura_txt p
		{
			line-height: 20px;
		}
		.process_txt p
		{
			line-height: 22px;
		}
	}
	@media screen and (min-height: 1140px)
	{	
		.media_process
		{
			margin-bottom: 2%;
		}
	}
	@media screen and (min-height: 1440px)
	{
		#logoElmnt
		{
			height: 90%;
		}
		.aura_txt p
		{
			line-height: 22px;
		}
	}
	@media screen and (min-height: 1640px)
	{
		#logoElmnt
		{
			height: 85%;
		}
	}
	@media screen and (min-height: 1740px)
	{
		.photoViewer img
		{
			width: 90%;
		}
		.jewelry_types_wrap
		{
			height: 75%;
			top: 15%;
		}
	}
	@media screen and (min-height: 1920px)
	{	
		#logoElmnt
		{
			width: 15%;
			height: 80%;
		}
		main
		{
			height: 78%;
		}
		.jewelry_types_wrap
		{
			height: 90%;
			top: 5%;
		}
	}
}
@media screen and (min-width: 1225px)   						/* 1225px X 740px */
{
	#logoElmnt
	{
		width: 12%;
	}
	#menuButton
	{
		width: 45%;
	}
	.info_txt p
	{
		font-size: 16px;
		line-height: 22px;
	}
	.aura_txt p
	{
		font-size: 14.5px;
		line-height: 18px;
	}
	.process_txt p
	{
		font-size: 14.5px;
		line-height: 19px;
	}
}
	@media screen and (min-height: 840px)
	{
		.aura_txt p
		{
			font-size: 15px;
			line-height: 19px;
		}
		.process_txt p
		{
			font-size: 15px;
			line-height: 20px;
		}
	}
	@media screen and (min-height: 940px)
	{
		.info_txt p
		{
			font-size: 16px;
			line-height: 22px;
		}
		.jewelry_types_wrap
		{
			height: 100%;
			top: 2%;
		}
				/* ADJUSTMENT OF "AURA LINE" INFORMATIONAL ELEMENT'S ANIMATION */
		@-webkit-keyframes animaLeft
		{
			0%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 1;
			}
			25%, 75%
			{	
				-webkit-transform: translateX(325px);	
				        transform: translateX(325px);
				z-index: 1;
				opacity: 1;
			}
			100%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 0;
			}
		}
		@keyframes animaLeft
		{
			0%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 1;
			}
			25%, 75%
			{	
				-webkit-transform: translateX(325px);	
				        transform: translateX(325px);
				z-index: 1;
				opacity: 1;
			}
			100%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 0;
			}
		}
		@-webkit-keyframes animaLeftEnd
		{
			0%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 1;
			}
			25%, 100%
			{	
				-webkit-transform: translateX(325px);	
				        transform: translateX(325px);
				z-index: 1;
			}
		}
		@keyframes animaLeftEnd
		{
			0%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 1;
			}
			25%, 100%
			{	
				-webkit-transform: translateX(325px);	
				        transform: translateX(325px);
				z-index: 1;
			}
		}
		@-webkit-keyframes animaRight
		{
			0%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 1;
			}
			25%, 75%
			{	
				-webkit-transform: translateX(-325px);	
				        transform: translateX(-325px);
				z-index: 1;
			}
			100%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 0;
			}
		}
		@keyframes animaRight
		{
			0%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 1;
			}
			25%, 75%
			{	
				-webkit-transform: translateX(-325px);	
				        transform: translateX(-325px);
				z-index: 1;
			}
			100%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 0;
			}
		}
		@-webkit-keyframes animaRightEnd
		{
			0%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 1;
			}
			25%, 100%
			{	
				-webkit-transform: translateX(-325px);	
				        transform: translateX(-325px);
				z-index: 1;
			}
	}
		@keyframes animaRightEnd
		{
			0%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 1;
			}
			25%, 100%
			{	
				-webkit-transform: translateX(-325px);	
				        transform: translateX(-325px);
				z-index: 1;
			}
	}
	@media screen and (min-height: 1040px)
	{	
		.jewelry_types_wrap
		{
			height: 90%;
			top: 7%;
		}
	}
	@media screen and (min-height: 1240px)
	{
		#logoElmnt
		{
			width: 14%;
		}
		.jewelry_types_wrap
		{
			height: 80%;
			top: 12%;
		}
	}
	@media screen and (min-height: 1440px)
	{
	/* ADJUSTMENT OF "AURA LINE" INFORMATIONAL ELEMENT'S ANIMATION */
		@-webkit-keyframes animaLeft
		{
			0%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 1;
			}
			25%, 75%
			{	
				-webkit-transform: translateX(350px);	
				        transform: translateX(350px);
				z-index: 1;
				opacity: 1;
			}
			100%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 0;
			}
		}
		@keyframes animaLeft
		{
			0%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 1;
			}
			25%, 75%
			{	
				-webkit-transform: translateX(350px);	
				        transform: translateX(350px);
				z-index: 1;
				opacity: 1;
			}
			100%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 0;
			}
		}
		@-webkit-keyframes animaLeftEnd
		{
			0%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 1;
			}
			25%, 100%
			{	
				-webkit-transform: translateX(350px);	
				        transform: translateX(350px);
				z-index: 1;
			}
		}
		@keyframes animaLeftEnd
		{
			0%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 1;
			}
			25%, 100%
			{	
				-webkit-transform: translateX(350px);	
				        transform: translateX(350px);
				z-index: 1;
			}
		}
		@-webkit-keyframes animaRight
		{
			0%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 1;
			}
			25%, 75%
			{	
				-webkit-transform: translateX(-350px);	
				        transform: translateX(-350px);
				z-index: 1;
			}
			100%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 0;
			}
		}
		@keyframes animaRight
		{
			0%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 1;
			}
			25%, 75%
			{	
				-webkit-transform: translateX(-350px);	
				        transform: translateX(-350px);
				z-index: 1;
			}
			100%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 0;
			}
		}
		@-webkit-keyframes animaRightEnd
		{
			0%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 1;
			}
			25%, 100%
			{	
				-webkit-transform: translateX(-350px);	
				        transform: translateX(-350px);
				z-index: 1;
			}
		}
		@keyframes animaRightEnd
		{
			0%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 1;
			}
			25%, 100%
			{	
				-webkit-transform: translateX(-350px);	
				        transform: translateX(-350px);
				z-index: 1;
			}
		}
	}
	@media screen and (min-height: 1540px)
	{
		#logoElmnt
		{
			width: 14%;
		}
	}
	@media screen and (min-height: 1740px)
	{
		#logoElmnt
		{
			height: 80%;
			width: 14%;
			top: 35%;
		}
		.jewelry_types_wrap
		{
			height: 75%;
			top: 14%;
		}
	}
}
@media screen and (min-width: 1325px)						/* 1325 X 740 */
{	
	#logoElmnt
	{
		width: 11%;
	}
	#menuButton
	{
		width: 40%;
	}
	.photoViewer img
	{
		width: 75%;
		max-height: 90%;
	}
	#infoParent
	{
		width: 90%;
		left: 5%;
	}
	.info_greek, .info_process
	{
		width: 82%;
	}
	.info_txt p
	{
		font-size: 16px;
		line-height: 20px;
	}
		/* ADJUSTMENT OF "AURA LINE" INFORMATIONAL ELEMENT'S ANIMATION */
		@-webkit-keyframes animaLeft
		{
			0%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 1;
			}
			25%, 75%
			{	
				-webkit-transform: translateX(325px);	
				        transform: translateX(325px);
				z-index: 1;
				opacity: 1;
			}
			100%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 0;
			}
		}
		@keyframes animaLeft
		{
			0%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 1;
			}
			25%, 75%
			{	
				-webkit-transform: translateX(325px);	
				        transform: translateX(325px);
				z-index: 1;
				opacity: 1;
			}
			100%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 0;
			}
		}
		@-webkit-keyframes animaLeftEnd
		{
			0%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 1;
			}
			25%, 100%
			{	
				-webkit-transform: translateX(325px);	
				        transform: translateX(325px);
				z-index: 1;
			}
		}
		@keyframes animaLeftEnd
		{
			0%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 1;
			}
			25%, 100%
			{	
				-webkit-transform: translateX(325px);	
				        transform: translateX(325px);
				z-index: 1;
			}
		}
		@-webkit-keyframes animaRight
		{
			0%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 1;
			}
			25%, 75%
			{	
				-webkit-transform: translateX(-325px);	
				        transform: translateX(-325px);
				z-index: 1;
			}
			100%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 0;
			}
		}
		@keyframes animaRight
		{
			0%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 1;
			}
			25%, 75%
			{	
				-webkit-transform: translateX(-325px);	
				        transform: translateX(-325px);
				z-index: 1;
			}
			100%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 0;
			}
		}
		@-webkit-keyframes animaRightEnd
		{
			0%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 1;
			}
			25%, 100%
			{	
				-webkit-transform: translateX(-325px);	
				        transform: translateX(-325px);
				z-index: 1;
			}
		}
		@keyframes animaRightEnd
		{
			0%
			{
				-webkit-transform: translateX(0px);
				        transform: translateX(0px);
				z-index: 1;
			}
			25%, 100%
			{	
				-webkit-transform: translateX(-325px);	
				        transform: translateX(-325px);
				z-index: 1;
			}
		}
	.aura_txt p
	{
		font-size: 14px;
		line-height: 18px;
	}
	.process_txt p
	{
		font-size: 14.5px;
		line-height: 19px;
	}
	.media_contact img
	{
		width: 40%;
	}
	@media screen and (min-height: 840px)
	{
		.info_txt p
		{
			font-size: 16px;
			line-height: 22px;
		}
		.aura_txt p
		{
			font-size: 15px;
			line-height: 19px;
		}
		.process_txt p
		{
			font-size: 15px;
			line-height: 20px;
		}
	}
	@media screen and (min-height: 940px)
	{
		.info_txt p
		{
			font-size: 16px;
			line-height: 22px
		}
		#logoElmnt
		{
			width: 12%;
			top: 35%;
		}
	}
	@media screen and (min-height: 1340px)
	{
		.jewelry_types_wrap
		{
			height: 90%;
			top: 5%;
		}
		.photoViewer img
		{
			width: 85%;
		}
	}
	@media screen and (min-height: 1640px)
	{
		#logoElmnt
		{
			width: 14%;
		}
		main
		{
			height: 83%;
			top: 12%;
		}
		footer
		{
			height: 7%;
			bottom: 5%;
		}
	}
	@media screen and (min-height: 1920px)
	{
		footer
		{
			bottom: 10%;
		}
	}
}
@media screen and (min-width: 1425px)				/* 1425 X 740 */
{	
	#logoElmnt
	{
		width: 10%;
	}
	#menuButton
	{
		width: 40%;
	}
	#infoParent
	{
		width: 85%;
		left: 7.5%;
	}
	.photoViewer img
	{
		width: 70%;
	}
	.info_txt p
	{
		font-size: 16px;
		line-height: 20px; 
	}
	.aura_txt p, .process_txt p
	{
		font-size: 14.5px;
		line-height: 18px;
	}
	.jewelry_types_wrap
	{
		width: 50%;
		left: 25%;
	}
/* ADJUSTMENT OF "AURA LINE" INFORMATIONAL ELEMENT'S ANIMATION */
	@-webkit-keyframes animaLeft
	{
		0%
		{
			-webkit-transform: translateX(0px);
			        transform: translateX(0px);
			z-index: 1;
		}
		25%, 75%
		{	
			-webkit-transform: translateX(350px);
			        transform: translateX(350px);
			z-index: 1;
			opacity: 1;
		}
		100%
		{
			-webkit-transform: translateX(0px);
			        transform: translateX(0px);
			z-index: 0;
		}
	}
	@keyframes animaLeft
	{
		0%
		{
			-webkit-transform: translateX(0px);
			        transform: translateX(0px);
			z-index: 1;
		}
		25%, 75%
		{	
			-webkit-transform: translateX(350px);
			        transform: translateX(350px);
			z-index: 1;
			opacity: 1;
		}
		100%
		{
			-webkit-transform: translateX(0px);
			        transform: translateX(0px);
			z-index: 0;
		}
	}
	@-webkit-keyframes animaLeftEnd
	{
		0%
		{
			-webkit-transform: translateX(0px);
			        transform: translateX(0px);
			z-index: 1;
		}
		25%, 100%
		{	
			-webkit-transform: translateX(350px);
			        transform: translateX(350px);
			z-index: 1;
		}
	}
	@keyframes animaLeftEnd
	{
		0%
		{
			-webkit-transform: translateX(0px);
			        transform: translateX(0px);
			z-index: 1;
		}
		25%, 100%
		{	
			-webkit-transform: translateX(350px);
			        transform: translateX(350px);
			z-index: 1;
		}
	}
	@-webkit-keyframes animaRight
	{
		0%
		{
			-webkit-transform: translateX(0px);
			        transform: translateX(0px);
			z-index: 1;
		}
		25%, 75%
		{	
			-webkit-transform: translateX(-350px);
			        transform: translateX(-350px);
			z-index: 1;
		}
		100%
		{
			-webkit-transform: translateX(0px);
			        transform: translateX(0px);
			z-index: 0;
		}
	}
	@keyframes animaRight
	{
		0%
		{
			-webkit-transform: translateX(0px);
			        transform: translateX(0px);
			z-index: 1;
		}
		25%, 75%
		{	
			-webkit-transform: translateX(-350px);
			        transform: translateX(-350px);
			z-index: 1;
		}
		100%
		{
			-webkit-transform: translateX(0px);
			        transform: translateX(0px);
			z-index: 0;
		}
	}
	@-webkit-keyframes animaRightEnd
	{
		0%
		{
			-webkit-transform: translateX(0px);
			        transform: translateX(0px);
			z-index: 1;
		}
		25%, 100%
		{	
			-webkit-transform: translateX(-350px);
			        transform: translateX(-350px);
			z-index: 1;
		}
	}
	@keyframes animaRightEnd
	{
		0%
		{
			-webkit-transform: translateX(0px);
			        transform: translateX(0px);
			z-index: 1;
		}
		25%, 100%
		{	
			-webkit-transform: translateX(-350px);
			        transform: translateX(-350px);
			z-index: 1;
		}
	}
	@media screen and (min-height: 840px)
	{
		#logoElmnt
		{
			width: 11%;
		}
		.info_txt p
		{
			font-size: 16px;
			line-height: 22px;
		}
		.aura_txt p, .process_txt p
		{
			font-size: 16px;
			line-height: 20px;
		}
	}
	@media screen and (min-height: 1040px)
	{
		.info_txt p
		{
			line-height: 22px;
		}
	}
	@media screen and (min-height: 1140px)
	{
		#logoElmnt
		{
			width: 12%;
		}
	}
	@media screen and (min-height: 1440px)
	{
		#logoElmnt
		{
			width: 12%;
		}
	}
	@media screen and (min-height: 1740px)
	{
		#logoElmnt
		{
			width: 12%;
			height: 80%;
		}
	}
	@media screen and (min-height: 1920px)
	{
		#logoElmnt
		{
			height: 85%;
		}
	}
}
@media screen and (min-width: 1525px)				/* 1525 X 740 */
{
	#infoParent
	{
		width: 80%;
		left: 10%;
	}
	@media screen and (min-height: 840px)
	{
		.aura_txt p, .process_txt p
		{
			font-size: 16px;
			line-height: 19px;
		}
	}
	@media screen and (min-height: 940px)
	{
		.aura_txt p, .process_txt p
		{
			line-height: 21px;
		}
	}
	@media screen and (min-height: 1040px)
	{
		.aura_txt p, .process_txt p
		{
			line-height: 22px;
		}
	}
}
@media screen and (min-width: 1625px)				/* 1625 X 740 */
{	
	#logoElmnt
	{
		width: 9%;
	}
	.photoViewer img
	{
		width: 65%;
	}
	#infoParent
	{
		width: 75%;
		left: 12.5%;
	}
	.info_txt p
	{
		font-size: 16px;
		line-height: 22px;
	}
	.aura_txt p
	{
		font-size: 14.5px;
		line-height: 18px;
	}
	.process_txt p
	{
		font-size: 15px;
		line-height: 20px;
	}
	@media screen and (min-height: 840px)
	{
		.aura_txt p
		{
			font-size: 15px;
			line-height: 19px;
		}
		.process_txt p
		{
			font-size: 16px;
		}
	}
	@media screen and (min-height: 940px)
	{
		.photoViewer img
		{
			width: 75%;
			height: 85%;
		}
		.aura_txt p
		{
			font-size: 16px;
			line-height: 22px;
		}
		.process_txt p
		{
			line-height: 22px;
		}
		.media_contact img
		{
			width: 50%;
		}
	}
	@media screen and (min-height: 1040px)
	{
		#logoElmnt
		{
			width: 10%;
			height: 90%;
		}
	}
	@media screen and (min-height: 1140px)
	{
		.photoViewer img
		{
			height: 70%;
		}
	}
	@media screen and (min-height: 1640px)
	{
		#logoElmnt
		{
			width: 12%;
		}
	}
	@media screen and (min-height: 1740px)
	{
		.photoViewer img
		{
			height: 60%;
		}
	}
	@media screen and (min-height: 1920px)
	{
		#logoElmnt
		{ 
			width: 11%;
		}
	}
}
@media screen and (min-width: 1725px)			/* 1725 X 740 */
{
	#logoElmnt
	{
		width: 8%;
	}
	#infoParent
	{
		width: 70%;
		left: 15%;
	}
	@media screen and (min-height: 840px)
	{
		#logoElmnt
		{
			width: 9%;
		}
	}
	@media screen and (min-height: 1240px)
	{
		#logoElmnt
		{
			width: 10%;
		}
	}
}
@media screen and (min-width: 1825px)				/* 1825 X 740 */
{	
	#infoParent
	{
		height: 100%;
		width: 75%;
		left: 12.5;
	}
	#menuButton
	{
		width: 35%;
	}
	.photoViewer
	{
		right: 10%;
	}
	.photoViewer img
	{
		width: 60%;
	}
	.aura_txt p, .process_txt p
	{
		font-size: 15px;
	}
	.contact_txt
	{
		width: 90%;
	}
	.icon_wrap
	{
		width: 16%;
	}
	/* ADJUSTMENT OF "AURA LINE" INFORMATIONAL ELEMENT'S ANIMATION */
	@-webkit-keyframes animaLeft
	{
		0%
		{
			-webkit-transform: translateX(0px);
			        transform: translateX(0px);
			z-index: 1;
		}
		25%, 75%
		{	
			-webkit-transform: translateX(400px);	
			        transform: translateX(400px);
			z-index: 1;
			opacity: 1;
		}
		100%
		{
			-webkit-transform: translateX(0px);
			        transform: translateX(0px);
			z-index: 0;
		}
	}
	@keyframes animaLeft
	{
		0%
		{
			-webkit-transform: translateX(0px);
			        transform: translateX(0px);
			z-index: 1;
		}
		25%, 75%
		{	
			-webkit-transform: translateX(400px);	
			        transform: translateX(400px);
			z-index: 1;
			opacity: 1;
		}
		100%
		{
			-webkit-transform: translateX(0px);
			        transform: translateX(0px);
			z-index: 0;
		}
	}
	@-webkit-keyframes animaLeftEnd
	{
		0%
		{
			-webkit-transform: translateX(0px);
			        transform: translateX(0px);
			z-index: 1;
		}
		25%, 100%
		{	
			-webkit-transform: translateX(400px);	
			        transform: translateX(400px);
			z-index: 1;
		}
	}
	@keyframes animaLeftEnd
	{
		0%
		{
			-webkit-transform: translateX(0px);
			        transform: translateX(0px);
			z-index: 1;
		}
		25%, 100%
		{	
			-webkit-transform: translateX(400px);	
			        transform: translateX(400px);
			z-index: 1;
		}
	}
	@-webkit-keyframes animaRight
	{
		0%
		{
			-webkit-transform: translateX(0px);
			        transform: translateX(0px);
			z-index: 1;
		}
		25%, 75%
		{	
			-webkit-transform: translateX(-400px);	
			        transform: translateX(-400px);
			z-index: 1;
		}
		100%
		{
			-webkit-transform: translateX(0px);
			        transform: translateX(0px);
			z-index: 0;
		}
	}
	@keyframes animaRight
	{
		0%
		{
			-webkit-transform: translateX(0px);
			        transform: translateX(0px);
			z-index: 1;
		}
		25%, 75%
		{	
			-webkit-transform: translateX(-400px);	
			        transform: translateX(-400px);
			z-index: 1;
		}
		100%
		{
			-webkit-transform: translateX(0px);
			        transform: translateX(0px);
			z-index: 0;
		}
	}
	@-webkit-keyframes animaRightEnd
	{
		0%
		{
			-webkit-transform: translateX(0px);
			        transform: translateX(0px);
			z-index: 1;
		}
		25%, 100%
		{	
			-webkit-transform: translateX(-400px);	
			        transform: translateX(-400px);
			z-index: 1;
		}
	}
	@keyframes animaRightEnd
	{
		0%
		{
			-webkit-transform: translateX(0px);
			        transform: translateX(0px);
			z-index: 1;
		}
		25%, 100%
		{	
			-webkit-transform: translateX(-400px);	
			        transform: translateX(-400px);
			z-index: 1;
		}
	}
	.jewelry_types_wrap
	{
		width: 40%;
		left: 30%;
	}
	@media screen and (min-height: 840px)
	{
		.info_txt p
		{
			font-size: 16px;
			line-height: 22px;
		}
		.contact_txt
		{
			width: 88%;
		}
	}
	@media screen and (min-height: 940px)
	{
		#logoElmnt
		{
			width: 8%;
		}
	}
	@media screen and (min-height: 1040px)
	{	
		#infoParent
		{
			height: 90%;
		}
		#logoElmnt
		{
			width: 9%;
		}
	}
	@media screen and (min-height: 1140px)  
	{
		#infoParent
		{
			height: 80%;
		}		
	}
	@media screen and (min-height: 1240px)
	{
		#logoElmnt
		{
			width: 10%;
		}
	}
	@media screen and (min-height: 1340px)
	{
		#logoElmnt
		{
			width: 9%;
		}
	}
	@media screen and (min-height: 1640px)
	{
		#infoParent
		{
			height: 70%;
		}
	}
	@media screen and (min-height: 1740px)
	{
		#logoElmnt
		{
			width: 10%;
		}
		#infoParent
		{
			height: 60%;
		}
		.photoViewer img
		{
			width: 70%;
		}
	}
	@media screen and (min-height: 1840px)
	{
		.photoViewer img
		{
			height: 50%;
		}
	}
}
@media screen and (min-width: 1920px)				/* 1920 X 740 */
{	
	#logoElemnt 
	{
		height: 100%;
		width: 12%;
	}
	#infoParent
	{
		height: 100%;
	}
	.info_txt p
	{
		font-size: 16px;
		line-height: 22px;
	}
	.aura_txt p
	{
		line-height: 19px;
	}
	.process_txt p
	{
		line-height: 20px
	}
	.contact_txt
	{
		width: 85%;
	}
	@media screen and (min-height: 840px)
	{
		.info_txt p
		{
			line-height: 22px;
		}
	}
	@media screen and (min-height: 1040px)
	{
		#infoParent
		{
			height: 90%;
		}
	}	
	@media screen and (min-height: 1540px)
	{
		#infoParent
		{
			height: 80%;
		}
	}
	@media screen and (min-height: 1640px)
	{
		#infoParent
		{
			height: 75%;
		}
	}
	@media screen and (min-height: 1740px)
	{
		#infoParent
		{
			height: 65%;
		}
	}
}
@media screen and (min-width: 2020px)
{
	#siteWrap
	{
		width: 95%;
	}
	header
	{
		width: 95%;
	}
	footer
	{
		width: 95%;
	}
}
@media screen and (min-width: 2120px)
{
	#siteWrap
	{
		width: 90%;
	}
	header
	{
		width: 90%;
	}
	footer
	{
		width: 90%;
	}
}
@media screen and (min-width: 2220px)
{
	#siteWrap
	{
		width: 85%;
	}
	header
	{
		width: 85%;
	}
	footer
	{
		width: 85%;
	}
}
@media screen and (min-width: 2320px)
{
	#siteWrap
	{
		width: 80%;
	}
	header
	{
		width: 80%;
	}
	footer
	{
		width: 80%;
	}
}
@media screen and (min-width: 2420px)
{
	#siteWrap
	{
		width: 70%;
	}
	header
	{
		width: 70%;
	}
	footer
	{
		width: 70%;
	}
}
@media screen and (min-width: 2520px)
{
	#siteWrap
	{
		width: 70%;
	}
	header
	{
		width: 70%;
	}
	footer
	{
		width: 70%;
	}
}
@media screen and (min-width: 2620px)
{
	#siteWrap
	{
		width: 65%;
	}
	header
	{
		width: 65%;
	}
	footer
	{
		width: 65%;
	}
}