#intro	{
	xposition: relative;
	xdisplay: inline-block;
	margin-left: 25%;
	margin-right: 25%;
	padding-top: 15em;
	padding-bottom: 5em;
	padding-left: 2em;
	padding-right: 2em;
	
	}


.intro	{
	xwidth: 60%;
	padding-bottom: 1em;
	display: flex;
	align-items: flex-start;
	#about-text	{ display: flex;	}
	#intro-grid-image	{ display: flex;	}
	}

#intro-text	{ 	display: inline-block;
			h2	{ color: #155DFC; }
			p	{ font-family: Arial; color: #404040; font-size: 14px;	padding-left: 10px; padding-right: 100px;	}
			a	{ text-decoration: none; color: #000;	}
			a:hover	{ color: #F87C63; text-decoration: bold;	}
		}

#intro-grid-image	{
	display: flex;
	box-shadow: 0 30px 40px rgba(0,0,0,.1);
		}

.grid-image	{
	
	display: flex;
	xposition: relative;
	img {	width: 200px;	}
	
	}

/*.grid-image img: hover	{
	
	box-shadow: 0 30px 40px rgba(0,1,1,.4);
	
	}*/
	
#readmore	{
	display: none;
	}

@media only screen and (max-width: 992px)
	{
	#intro	{
		margin-left: 10%;
		margin-right: 10%;
		}
	.intro	{
		display: inline-block;
		width: 100%;
		.grid-image	{	justify-content: center;
		
				}
		img	{ 	width: 20vw;	}
		
		}
	#intro-text	{
		p	{	padding: 0 2.5rem 0 0;
				font-size: 15px;
			}
		
		}
	}