/* MOBILE STYLE SHEET FOR AURAJEWELRYDESIGNSLTD.COM. index.html */
/* TEXT */
h3
{	
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
}
p
{
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
}
@media screen and (min-height: 1px)
{
	body
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100vw;
		height: 100vh;
		background: #cbd5db;
		overflow-y: hidden;
		overflow-x: hidden;
		margin: 0;
		padding: 0;
	}
/* SITE WRAPPER: wraps all the elements of the body */
	#siteWrap
	{
		display: -webkit-box;
		display: -ms-flexbox;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		display: flex;
		width: 100%;
		height: 100%;
		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;
	}
	/* BACKGROUND IMAGES: widesscreens only, MUST BE ABSOLUTE POSITION */
	#siteBackground
	{
		display: none;
	}
	/* 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%;
		position: absolute;
	}
/* HEADER: houses logo and menu button */
	header
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		height: 17%;
		position: fixed;
		top: 0;
		z-index: 1;
	}
	#headWrap
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		visibility: hidden;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		width: 100%;
		height: 100%;
		position: relative;
	}
/* HEADER BACKGROUND: */
	#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;
		visibility: visible;
		z-index: 0;
	}
/* LOGO */
	#logoElmnt
	{
		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: transparent;
		z-index: 1;
		visibility: visible;
		margin: auto;
	}
	#logo
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 32%;
		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: 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;
		position: relative;
		top: 25%;
	}
	#logoElmnt:hover
	{
		-webkit-transform: scale(.9);
		    -ms-transform: scale(.9);
		        transform: scale(.9);
	}
/* MENU BUTTON: not used on mobile home page. */
	#menuBntElmnt
	{
		display: none;
	}
/* MAIN */
	main
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		height: 75%;
		position: absolute;
		z-index: 0;
		top: 13%;
		
	}
	#mainWrap
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		height: 100%;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		position: relative;
		z-index: 1;
		margin: auto;
	}
/* PHOTO COLLAGE AND RANDOM PHOTO DISPLAY: for mobile screens only */		/* PHOTO COLLAGE */
	#backGroundSmall
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		height: 100%;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		position: absolute;
		visibility: visible;
		background: #cbd5db;
		margin: auto;
	}
/* BACKGROUND LARGE IMAGE: for mobile screens only */
	#imgElmntLarge
	{
		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;
	}
	#imgElmntLarge img
	{	
		width: 95%;
		height: auto;
		border-radius: 1%;
		-webkit-box-shadow: 2px 2px 4px #000;
		        box-shadow: 2px 2px 4px #000;
	}
/* BACKGROUND IMAGE GRID: for mobile screen only */
	#imgElmntThmb
	{
		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: wrap;
		flex-wrap: wrap;
		opacity: .3;
		z-index: 0;
	}
	#imgElmntThmb img
	{
		width: 33.33%;
		height: 20%;
	}
/* INFORMATIONAL POP-UP ELEMENTS */							/* INFORMATIONAL POP-UP ELEMENTS */	
	#infoParent
	{	
		display: -webkit-box;	
		display: -ms-flexbox;	
		display: flex;
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 1;
		background: transparent;
		overflow-y: scroll;
		overflow-x: hidden;

	}
	.menu_info
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: none;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 15%;
		margin: 0;
	}
	.info_wrapper
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 98%;
		height: auto;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		margin: auto;
		position: relative;
	}
	.info_title
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		height: 15%;
	}
	.info_title h1
	{
		font-family: 'Great Vibes';
		color: #733ba0;
		font-size: 28px;
		margin: 0;
		text-shadow: .5px .5px 1px #66aedd;
		line-height: 50px;
		margin-left: 5px;
	}
	.media
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 98%;
		height: 33.33vh;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
		margin: auto;
		margin-top: 5px;
		margin-bottom: 8px;
	}
	.info_wrapper a
	{
		padding-top: 10px;
		padding-bottom: 10px;
		-webkit-box-ordinal-group: 4;
		    -ms-flex-order: 3;
		        order: 3;
		color: #733ba0;
	}
	.info_txt
	{
		width: 95%;
		-webkit-box-ordinal-group: 5;
		    -ms-flex-order: 4;
		        order: 4;
	}
/* ABOUT US ELEMENT */
	#making1 
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 98%;
		max-height: 100%;
		margin: auto;
	}
	.about_photos
	{
		display: none;
	}
/* FROM GREECE ELEMENT */							/* FROM GREECE ELEMENT */
	.greek_txt i
	{
		color: #733ba0;
	}
	.media_greek img
	{	
		display: -webkit-box;	
		display: -ms-flexbox;	
		display: flex;
		width: 70%;
		max-height: 98%;
		position: absolute;
		border-radius: 5%;
		-webkit-box-shadow: 2px 2px 6px #000;
		box-shadow: 2px 2px 6px #000;
		opacity: 0;
	}
	.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(60%);	
	 		        transform: translateX(60%);
	 		-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 */
	#auraMediaWrap
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		height: 100%;
		position: relative;
		background: transparent;
		overflow: hidden;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	#pic_blocker
	{
		visibility: hidden;
		display: none;
	}
	#imageContainer
	{
		width: 90%;
		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;
		margin: auto;
	}
	#imageContainer img
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 80%;
		max-height: 190px;
		position: absolute;
		border-radius: 20px;
		border: 2px solid #733ba0;
	}
	#imageContainer img:nth-child(9)
	{
		-webkit-animation-name: animaLeft;
		        animation-name: animaLeft;
		-webkit-animation-duration: 7s;
		        animation-duration: 7s;
		-webkit-animation-fill-mode: forwards;
		        animation-fill-mode: forwards;
		-webkit-animation-timing-function: ease-in-out;
		        animation-timing-function: ease-in-out;
		-webkit-animation-delay: 2s;
		        animation-delay: 2s;
	}
	#imageContainer img:nth-child(8)
	{
		-webkit-animation-name: animaRight;
		        animation-name: animaRight;
		-webkit-animation-duration: 7s;
		        animation-duration: 7s;
		-webkit-animation-fill-mode: forwards;
		        animation-fill-mode: forwards;
		-webkit-animation-timing-function: ease-in-out;
		        animation-timing-function: ease-in-out;
		-webkit-animation-delay: 7s;
		        animation-delay: 7s;
	}
	#imageContainer img:nth-child(7)
	{
		-webkit-animation-name: animaLeft;
		        animation-name: animaLeft;
		-webkit-animation-duration: 7s;
		        animation-duration: 7s;
		-webkit-animation-fill-mode: forwards;
		        animation-fill-mode: forwards;
		-webkit-animation-timing-function: ease-in-out;
		        animation-timing-function: ease-in-out;
		-webkit-animation-delay: 14s;
		        animation-delay: 14s;
	}
	#imageContainer img:nth-child(6)
	{
		-webkit-animation-name: animaRight;
		        animation-name: animaRight;
		-webkit-animation-duration: 7s;
		        animation-duration: 7s;
		-webkit-animation-fill-mode: forwards;
		        animation-fill-mode: forwards;
		-webkit-animation-timing-function: ease-in-out;
		        animation-timing-function: ease-in-out;
		-webkit-animation-delay: 21s;
		        animation-delay: 21s;
	}
	#imageContainer img:nth-child(5)
	{
		-webkit-animation-name: animaLeft;
		        animation-name: animaLeft;
		-webkit-animation-duration: 7s;
		        animation-duration: 7s;
		-webkit-animation-fill-mode: forwards;
		        animation-fill-mode: forwards;
		-webkit-animation-timing-function: ease-in-out;
		        animation-timing-function: ease-in-out;
		-webkit-animation-delay: 28s;
		        animation-delay: 28s;
	}
	#imageContainer img:nth-child(4)
	{
		-webkit-animation-name: animaRight;
		        animation-name: animaRight;
		-webkit-animation-duration: 7s;
		        animation-duration: 7s;
		-webkit-animation-fill-mode: forwards;
		        animation-fill-mode: forwards;
		-webkit-animation-timing-function: ease-in-out;
		        animation-timing-function: ease-in-out;
		-webkit-animation-delay: 35s;
		        animation-delay: 35s;
	}
	#imageContainer img:nth-child(3)
	{
		-webkit-animation-name: animaLeft;
		        animation-name: animaLeft;
		-webkit-animation-duration: 7s;
		        animation-duration: 7s;
		-webkit-animation-fill-mode: forwards;
		        animation-fill-mode: forwards;
		-webkit-animation-timing-function: ease-in-out;
		        animation-timing-function: ease-in-out;
		-webkit-animation-delay: 42s;
		        animation-delay: 42s;
	}
	#imageContainer img:nth-child(2)
	{
		-webkit-animation-name: animaRight;
		        animation-name: animaRight;
		-webkit-animation-duration: 7s;
		        animation-duration: 7s;
		-webkit-animation-fill-mode: forwards;
		        animation-fill-mode: forwards;
		-webkit-animation-timing-function: ease-in-out;
		        animation-timing-function: ease-in-out;
		-webkit-animation-delay: 42s;
		        animation-delay: 42s;
	}
	#imageContainer img:nth-child(1)
	{
		-webkit-animation-name: lastPic;
		        animation-name: lastPic;
		-webkit-animation-duration: 7s;
		        animation-duration: 7s;
		-webkit-animation-fill-mode: forwards;
		        animation-fill-mode: forwards;
		-webkit-animation-timing-function: ease-in;
		        animation-timing-function: ease-in;
		-webkit-animation-delay: 47s;
		        animation-delay: 47s;
		opacity: 0;
	}
	@-webkit-keyframes animaLeft
	{
		0%,85%
		{
			-webkit-transform: translateX(0);
			        transform: translateX(0);
		}
		76%,95%
		{
			-webkit-transform: translateX(300px);
			        transform: translateX(300px);
		}
		96%,100%
		{
			-webkit-transform: translateX(300px);
			        transform: translateX(300px);
			opacity: 0;
		}
	}
	@keyframes animaLeft
	{
		0%,85%
		{
			-webkit-transform: translateX(0);
			        transform: translateX(0);
		}
		76%,95%
		{
			-webkit-transform: translateX(300px);
			        transform: translateX(300px);
		}
		96%,100%
		{
			-webkit-transform: translateX(300px);
			        transform: translateX(300px);
			opacity: 0;
		}
	}
	@-webkit-keyframes animaRight
	{
		0%,85%
		{
			-webkit-transform: translateX(0);
			        transform: translateX(0);
		}
		76%,95%
		{
			-webkit-transform: translateX(-300px);
			        transform: translateX(-300px);
		}
		96%,100%
		{
			-webkit-transform: translateX(-300px);
			        transform: translateX(-300px);
			opacity: 0;
		}
	}
	@keyframes animaRight
	{
		0%,85%
		{
			-webkit-transform: translateX(0);
			        transform: translateX(0);
		}
		76%,95%
		{
			-webkit-transform: translateX(-300px);
			        transform: translateX(-300px);
		}
		96%,100%
		{
			-webkit-transform: translateX(-300px);
			        transform: translateX(-300px);
			opacity: 0;
		}
	}	
	@-webkit-keyframes lastPic
	{
		0%,100%
		{
			opacity: 1;
		}
	}	
	@keyframes lastPic
	{
		0%,100%
		{
			opacity: 1;
		}
	}
	.aura_txt i
	{
		color: #733ba0;
	}
/* OUR PROCESS ELEMENT */									/* OUR PROCESS ELEMENT */
	/* /// NOT DISPLAYED ON MOBILE SITE \\\ */
	.info_process
	{
		display: none;
		visibility: hidden;
	}
/* CONTACT US ELEMENT */								/* CONTACT US ELEMENT */
	.info_contact
	{
		visibility: visible;
	}
	.contact_txt
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 4;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		    flex-direction: column;
		padding-bottom: 20px;
	}
	.contact_txt p
	{
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
	}
	.contact_txt h3
	{
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
		line-height: 15px;
	}
	.contact_txt h3
	{	
		text-shadow: .5px .5px 1px #fff; 
	}
	.contact_txt h3 > img
	{
		width: 16px;
		height: 16px;
		margin-right: 10px;
	}
	.con1
	{
		color: #733ba0;
	}
	.con1 > a
	{
		color: #733ba0;
	}
	.con2
	{	
		color: #6496a2;
	}
	.con2 > a
	{
		color: #6496a2;
	}
	.media_contact
	{
		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;
	}
	.media_contact img
	{	
		width: 80%;
		max-height: 90%;
		-webkit-box-shadow: 1px 1px 4px #000;
		box-shadow: 1px 1px 4px #000;
		border-radius: 1%;
		border: 2px solid #733ba0;
	}
/* FOOTER */
	footer
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		height: 12%;
		-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;
		z-index: 1;
	}
	#footWrap
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		height: 100%;
		position: relative;
		visibility: visible;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		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;
		z-index: 1;
	}
	.footer_child
	{
		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: 100%;
		height: 100%;
		position: absolute;
		visibility: visible;
		margin: auto;
	}
/* MENU ICONS ELEMENT: for widescreens only */									/* MENU ICONS ELEMENT */
	.menu_icons
	{
		display: none;
		visibility: none;
	}
/* MENU ICONS ELEMENT: for mobile screens only */
	.menu_enclosures
	{
		width: 20%;
		height: 100%;
		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: center;
		-ms-flex-pack: center;
		justify-content: center;
		position: relative;
		top: 2%;
	}
	.menu_enclosures h3
	{
		line-height: 0px;
		color: #733ba0;
		font-size: 6px;
		text-transform: uppercase;
		font-family: 'Montserrat', sans-serif;
	}
	.mE_ourProcess
	{
		display: none;
	}
	.menu_id
	{	
		margin: 0;
		margin-bottom: 10%;
		width: 100%;
		height: 60%;
		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;
		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;
	}
	.menu_id:active
	{
		-webkit-transform: scale(.9);
		-ms-transform: scale(.9);
		transform: scale(.9);
		border: 3px solid rgba(198,174,221,1);
		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');
	}

	#infoAuraParent
	{
		display: none;
	}
	#clickHereAuraWide, .click_here
	{
		display: none;
	}
/* EMAIL AND PHONE ICON ELEMENT */
	.contact_bar
	{	
		display: none;
		visibility: hidden;
	}
	@media screen and (min-width: 360px)
	{
		.info_title h1
		{
			font-size: 42px;
		}
		#making1
		{
			width: 95%;
			max-height: 98%;
		}
		.media_greek img
		{
			width: 80%;
		}
		#imageContainer img
		{	
			width: 100%;
			max-height: 190px;
		}
		.contact_txt h3
		{
			line-height: 5px;
		}
		.media_contact img
		{
			width: 90%;
			max-height: 200px
		}
		.menu_enclosures h3
		{
			font-size: 8px;
		}
	}
	@media screen and (min-width: 460px)
	{
		#logoElmnt
		{
			width: 90%;
		}
		.menu_info
		{
			top: 14%;
		}
		.media
		{	
			width: 100%;
		}
		.media
		{
			height: 35vh;
		}
		.media img, #imageContainer img
		{
			max-height: 220px;
		}
		.menu_icons_small
		{
			width: 95%;
		}
	}
	@media screen and (min-width: 560px)
	{	
		#logoElmnt
		{
			width: 75%;
		}
		#backGroundSmall
		{
			width: 90%;
		}
		.media
		{
			width: 80%;
			height: 35vh;
		}
		.info_wrapper
		{
			width: 90%;
		}
		.menu_icons_small
		{
			width: 80%;
			-webkit-box-pack: justify;
			    -ms-flex-pack: justify;
			        justify-content: space-between;
		}
		.menu_id
		{
			margin-bottom: 5%;
		}
	}
	@media screen and (min-width: 660px)
	{
		#logoElmnt
		{
			width: 65%;
		}
		#backGroundSmall
		{
			width: 80%;
		}
		.info_wrapper
		{
			width: 80%;
		}
		.media_greek img
		{
			width: 70%;
		}
		.menu_icons_small
		{
			width: 75%;
		}
	}
	@media screen and (min-width: 760px)
	{	
		#logoElmnt
		{
			width: 60%;
		}
		#logo
		{
			height: 100%;
		}
		.info_wrapper
		{
			width: 70%;
		}
		.footer_child
		{
			width: 70%;
		}
		#imgElmntLarge img
		{
			width: 90%;
			margin-top: 5%;
		}
		.menu_icons_small
		{
			width: 65%;
		}
	}
	@media screen and (min-width: 860px)
	{
		#logoElmnt
		{
			width: 50%;
		}
		#imgElmntLarge img
		{
			width: 80%;
			margin-top: 5%;
		}
		.menu_icons_small
		{
			width: 55%;
			height: 100%;
		}
	}
	@media screen and (min-width: 960px)
	{	
		#logoElmnt
		{
			width: 40%;
		}
		#imgElmntLarge img
		{
			width: 70%;
		}
		.media_greek img
		{
			width: 60%;
			max-height: 250px;
		}
		#imageContainer img
		{
			max-height: 250px;
			width: 80%;
		}
		.footer_child
		{
			width: 50%;
		}
		.menu_icons_small
		{
			width: 45%;
		}
	}
}
@media screen and (min-height: 740px)
{
	#logo
	{
		height: 90%;
	}
}
@media screen and (min-height: 840px)
{
	#logo
	{
		height: 85%;
		width: 35%;
	}
}
@media screen and (min-height: 940px)
{	
	#logo
	{
		height: 85%;
		width: 38%;
		top: 0;
	}
}
@media screen and (min-height: 1040px)
{
	header
	{
		height: 15%;
	}
	main
	{
		height: 80%;
		top: 12%;
	}
	.info_greek
	{
		top: 0%;
	}
	.media
	{
		height: 22vh;
	}
	.info_contact
	{
		top: 8%;
	}
	footer
	{
		height: 10%;
	}
}
@media screen and (min-height: 1140px)
{
	.info_about
	{
		top: 8%;
	}
	.info_wrapper_greek
	{
		bottom: 3%;
	}
	.info_contact
	{
		top: 5%;
	}
}
@media screen and (min-height: 1240px)
{
	header
	{
		height: 12%;
	}
	#logo
	{
		height: 95%;
		width: 40%;
	}
	main
	{
		height: 85%;
		top: 9%;
	}
	.info_about
	{
		top: 3%;
	}
	.info_wrapper_greek
	{
		bottom: 7%;
	}
	.info_contact
	{
		top: 0;
	}
	footer
	{
		height: 8%;
	}
}
@media screen and (min-height: 1340px)
{
	#logo
	{
		height: 90%;
		width: 40%;
	}
	.info_about
	{
		top: 0;
	}
	.info_wrapper_greek
	{
		bottom: 9%;
	}
	.info_aura
	{
		top: 11%;
	}
	.info_wrapper_contact
	{
		bottom: 3%;
	}
	.media
	{
		height: 20vh;
	}
}