nav
{
	background-color:#ccc;
	height:?50px;
}
?
#banner
{
	background-color:#777;
	height:?500px;
}
?
nav?ul?
{
	list-style:?none;
	margin:?0px;
	float:?right;
}

nav?ul?li,nav?.logo
{
	display:?inline-block;
	line-height:?50px;
	margin-right:20px?;
}
?
nav?ul?li?a
{
	line-height:?50px;
	text-decoration:?none;
	display:?inline-block;
	height:?inherit;
	color:?aliceblue;
}
?

.inner
{???
	max-width:?300px;
	text-align:?center;
	margin:?auto;
	position:?relative;
	top:?150px;
}

#banner?.inner?h1
{
	margin:?10px;
}

button
{
	border:?none;
	background-color:?red;
	color:?aliceblue;
	padding:?5px?16px;
}

.sub-ss
{
	line-height:?30px;
}

#banner?.inner?.more
{
	margin-top:?140px;
}
.logo?a
{
	letter-spacing:?3px;
	font-size:?16px;
	font-weight:?800;
	color:aliceblue;
	float:?left;
	text-decoration:?none;

}
.logo
{
	padding-left:?10px;
}	
.inner?hr
{
??color:?aqua;
??margin-bottom:?0px;
?margin-top:?0px;
}

.greensection
{????height:?400px;
	text-align:?center;
	background-color:?cornflowerblue;
	color:?aliceblue;
}
.hr
{
	width:?100%;
	height:?1px;
	
	margin:?20px?auto;
}

.greensection?.hr
{
	width:?50%;
	background-color:?aliceblue;
}
.greensection?.wrapper?h2
{margin:?0px;}

.wrapper
{
	max-width:?1050px;
	margin:?0px?auto;
	padding:?100px;
	
}

.sub-code
{
	font-size:18px?;
}
?
?.greensection?.icon-group?.icon
?{
?	display:?inline-block;
?	width:?70px;
?	height:?70px;
?	background-color:cadetblue;
?	transform:?rotate(45deg);
?	margin:?30px;
?	
?}
?
.icon-group
{
	margin-top:?40px;
}
.grey-section
{
	background-color:darkslategray;
	color:?aliceblue;
}
.grey-section?.img-preview
{?
	width:?30%;
	
}

.img-preview?img
{
	width:?100%;
	
}
img
{
	width:?70px;
	height:250px;
	
}
.grey-section?.text-preview
{
???width:?70%;
}
.article-preview?>?div
{
	float:?left;
	font-size:?0;
}
.article-preview:after
{
	content:?'';
	display:?block;
	clear:?both;
}
.article-preview:nth-child(odd)
{
	background-color:?rgba(255,255,255,0.05);
}
.text-preview
{position:?relative;
??top:?60px;
??left:60px;
	
}
.text-preview?h2
{
	margin-bottom:?20px;
}
.text-preview?p
{
	font-size:?18px;
	letter-spacing:?1px;
}
.text-preview?.sub-code
{
	font-size:?20px;
}

.purple-section
{
	background-color:darkslateblue;
	padding:??80px;
	color:#fff?;
}
.purple-section?.heading-wrapper?
{
	text-align:?center;
}
.heading-wrapper?.hr
{
	background-color:?mediumblue;
	width:?60%;
}
.clearfix:after
{
	content:?'';
	display:?block;
	clear:?both;
}

.card
{?padding:50px;
	width:?50%;
	min-height:?300px;
	float:?left;
	-webkit-box-sizing:?border-box;
	-moz-box-sizing:?border-box;
	box-sizing:?border-box;
	border:?2px?solid?white;
}