/************************************************************************/
/*		SIMPLE MACHINES Site    										*/
/*			(c)2020 Simple Machines										*/
/*	The following comination of style rules and colors is the			*/
/*	property of Simple Machines. While we encourage you to take   		*/
/*	a look under the hood to see how it ticks, we do not allow you		*/
/*	to copy it for use on your own site.								*/
/************************************************************************/

/************************************************************************/
/********** All Pages ***************************************************/
#wrapper {
  width: 100%;
}
.justify {
	text-align: justify;
}
.centerblock {
	display: inline-block;
	margin: 0 1.2%;
}
#main_content_section {
    max-width: 1200px;
    margin: 0 auto;
}
#site_section_menu {
	width: 200px;
	margin-top: 0;
	margin-right: 0.9em;
}
#site_section_menu .dropmenu > li {
	display: block;
	width: 100%;
}
#site_section_content {
	display: flex;
	margin: 0;
}
#site_section_content #wrapper {
	clear: none;
}
#site_section_content #content_section {
	margin: 0 1em 1em 1em;
}
.section_popup_heading {
	padding: 10px 8px;
	color: #bf6900;
}
@media (min-width: 1024px) {
	#mobile_generic_menu_section {
		display: block !important;
	}
}
@media (max-width: 1024px) {
	#site_section_content {
		margin-left: 120px;
	}
}
@media (max-width: 860px) {
	#site_section_content {
		margin-left: 145px;
	}
}
@media (max-width: 720px) {
	#site_section_content {
		margin-left: 145px;
	}
	#site_section_menu {
		width: 100%;
		margin-bottom: 1em;
		float: none;
	}
	#site_section_content {
		margin-left: 140px;
		margin-left: unset;
	}
	#site_section_content #wrapper {
		width: 100%;
		float: none;
	}
}
@media (max-width: 480px) {
	#site_section_content {
		margin-left: 140px;
		margin-left: unset;
	}
	#site_section_content #wrapper {
		width: 100%;
		float: none;
	}
	#site_section_menu {
		width: 100%;
		margin-bottom: 1em;
		float: none;
	}
}
.navigate_section ul#site_navigate li a, .navigate_section ul#site_navigate li em {
	margin-top: 0;
}
/* Level one */
.sitelist {
	list-style: decimal;
	padding-left: 1em;
}
.sitelist li {
	padding-top: 0.5em;
}
/* Level two */
.sitelist > li > ul {
	list-style: lower-alpha;
	padding-left: 2em;
}
.sitelist > li > ol {
	list-style: decimal;
	padding-left: 2em;
}
#content_section p {
	padding-top: 0.5em;
}

/************************************************************************/
/********** Home Page ***************************************************/
	/********** Top Section Introductions *******************************/
	.introductions {
		display: block;
		width: 100%;
		margin-bottom: 10px;
	}
	.intro_container {
		width: 32.5%;
	}
	.introduction {
		margin-left: 0.5%;
		min-height: 75px;
	}
	.intro_text_cont {
		float: right;
		width: 84%;
		min-height: 85px;
	}
	.box_icons {
		background: url("../images/box_icons.png") no-repeat;
		height: 48px;
		width: 48px;
		display: inline-block;
		vertical-align: middle;
	}
	.box_icons.icon1 {
		background-position: -1px -1px;
	}
	.box_icons.icon2 {
		background-position: -48px -2px;
	}
	.box_icons.icon3 {
		background-position: -97px -5px;
	}
	.box_icons.icon4 {
		background-position: -145px -1px;
	}
	.box_icons.icon5 {
		background-position: -192px -6px;
	}
	.box_icons.icon6 {
		background-position: -242px -5px;
	}

	/********** Middle Section About ***********************************/
	.smf_about {
		clear: left;
		width: 32.5%;
		float: left;
		margin-top: 5px;
	}
	.latest_news_container {
		float: right;
		width: 66.3%;
	}
	.smf_news {
		padding-top: 10px;
		min-height: 300px;
	}
	.smf_preview {
		margin-left: 10px;
	}

	/********** Middle Section Contribute ******************************/
	#contribute {
		clear: right;
		padding-top: 1em;
	}
	#contribute .intro_text_cont {
		min-height: 140px
	}

	/********** End Section More Information ***************************/
	.more_information {
		clear: right;
	}
	.more_information_list {
		display: inline-block;
		width: 29%;
		padding-left: 2em;
	}
	.more_information_list ul, .more_information_list li {
		padding: 0;
		margin: 0;
		margin-left: -33px;
		list-style-type: none;
	}
	.more_information_list li {
		padding-bottom: 3px;
	}
	.home_icons {
		background: url("../images/home_icons.png") no-repeat;
		height: 16px;
		width: 16px;
		display: inline-block;
		vertical-align: middle;
		margin-right: 8px;
	}
	.home_icons.ad {
		background-position: -5px -5px;
	}
	.home_icons.convert {
		background-position: -31px -5px;
	}
	.home_icons.converters {
		background-position: -57px -5px;
	}
	.home_icons.github {
		background-position: -83px -5px;
	}
	.home_icons.help {
		background-position: -5px -31px;
	}
	.home_icons.history {
		background-position: -31px -31px;
	}
	.home_icons.integrate {
		background-position: -57px -31px;
	}
	.home_icons.latest_news {
		background-position: -83px -31px;
	}
	.home_icons.license {
		background-position: -5px -57px;
	}
	.home_icons.mods {
		background-position: -31px -57px;
	}
	.home_icons.mwauth {
		background-position: -57px -57px;
	}
	.home_icons.om {
		background-position: -83px -57px;
	}
	.home_icons.smfcurve {
		background-position: -5px -83px;
	}
	.home_icons.sphinx {
		background-position: -31px -83px;
	}
	.home_icons.support {
		background-position: -57px -83px;
	}
	.home_icons.team {
		background-position: -83px -83px;
	}
	.home_icons.testimonials {
		background-position: -109px -5px;
	}
	.home_icons.themes {
		background-position: -109px -31px;
	}
	.home_icons.tools {
		background-position: -109px -57px;
	}

	/********** End Section Quote **************************************/
	blockquote#fulcrum {
		border: none;
		padding: 0;
	}
	blockquote#fulcrum p {
		background: url("../images/homepage_quote.jpg") no-repeat scroll 50% 20px white;
		color: #8B3802;
		font-size: 12px;
		margin: 0;
		padding: 130px 1em 0 0;
		text-align: center;
		border: none;
	}

/************************************************************************/
/********** Downloads Page **********************************************/
	/********** All Download Pages **************************************/
.sms_download h3.mainheader {
	margin-top: 1em;
}

	/********** Requirements Page ***************************************/
.smfrequirements, .smfrequirements ul {
	padding-left: 1.5em;
	list-style: revert;
}

.smt_download_requirements .roundframe .innerframe ol, .smt_download_requirements .roundframe .innerframe ul {
	padding-top: 0;
	padding-bottom: 0;
}
.filelist .description
{
	float: left;
	width: 50%
}
.filelist .types
{
	float: right;
}
.filelist .types div
{
	margin-left: 4em;
}
.filelist .types ul
{
	padding: 0;
	list-style: none;
}
.filelist .types ul li
{
	float: left;
}
.filelist .types ul li a
{
	display: block;
	padding: 4em 2em 0;
	background: url("../images/download/package.png") no-repeat scroll 50% 0pt transparent;
}
.filelist .types ul li a:hover
{
	padding: 4em 2em 0;
	background: url("../images/download/package.png") no-repeat scroll 50% -80px transparent;
}
@media (max-width: 480px) {
	.filelist .description
	{
		width: 100%
	}
}

	/********** Languages Page ******************************************/
ul.download_section_list
{
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.download_section_list li
{
	float: left;
	margin: 0.2em;
	padding: 0;
}
ul.download_section_list li a
{
	width: 19em;
	height: 2.5em;
	border: solid 1px #ccc;
	font-size: 0.9em;
	display: block;
	text-align: center;
	line-height: 2.5em;
}
ul.download_section_list li a:hover
{
	border: solid 1px blue;
	text-decoration: none;
	color: blue;
}

/************************************************************************/
/********** About Page **************************************************/
	/********** Trademark Page ******************************************/
ul#trademarks li
{
	float: right;
    width: 48%;
    margin: 0 1em 1em 0;
    align-content: center;
    text-align: center;
    min-height: 10em;
}

/************************************************************************/
/********** About SMF Page **********************************************/
	/********** Features Page *******************************************/
ul.features
{
	list-style: square inside url("../images/quote.png");
}
ul.features li
{
	background: url("../images/bbc_bg.png") no-repeat scroll 0 0 transparent;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	line-height: 2em;
}
ul.features li.more
{
	background: url("../images/bbc_hoverbg.png") no-repeat scroll 0 0 transparent;
}
/* Level 2 */
ul.features > li > ul
{
	list-style: square inside url("../images/quote.png");
	padding-left: 1em;
}
	/********** Team Page ***********************************************/
dl.team dt
{
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 0.4em;
	padding: 0 0 0.4em 0;
	border-bottom: dotted 1px #aaa;
}
dl.team img.avatar
{
	float: right;
}
dl.team dd
{
	overflow: hidden;
	padding: 1em;
	margin: 1em 0 0.4em 0;
}
dl.team dd.smfteam
{
   overflow: hidden;
   padding: 0;
   margin: 0.5em;
   width: 45%;
   min-width: 350px; /* For lower resolutions; makes it fall back to one column */
   float: left;
}
dl.team dd.smfteam > div.roundframe {
    overflow: hidden;
}
dl.team dd.smfteam > div.roundframe > img.avatar {
	max-width: 80px !important;
	max-height: 80px !important;
}
dl.team ul
{
	padding-top: 0.3em;
}
dl.team li
{
	font-size: 0.9em;
}
.team #man
{
	color: #DD0000;
	background: url(../images/badges/badge_manager.png) no-repeat 98% 15%;
}
.team #dev
{
	color: #E85C00;
	background: url(../images/badges/badge_dev.png) no-repeat 98% 15%;
}
.team #sit
{
	color: #FFB443;
	background: url(../images/badges/badge_site.png) no-repeat 98% 15%;
}
.team #ser
{
	color: #000000;
	background: url(../images/badges/badge_server_team.png) no-repeat 98% 15%;
}
.team #sup
{
	color: #6CB276;
	background: url(../images/badges/badge_support.png) no-repeat 98% 15%;
}
.team #cus
{
	color: #9A0ABC;
	background: url(../images/badges/badge_cust.png) no-repeat 98% 15%;
}
.team #mar
{
	color: #ABA000;
	background: url(../images/badges/badge_marketing.png) no-repeat 98% 15%;
}
.team #loc
{
	color: #c89d76;
	background: url(../images/badges/badge_localizer.png) no-repeat 98% 15%;
}
.team #doc
{
	color: #F8C904;
	background: url(../images/badges/badge_doc_writer.png) no-repeat 98% 15%;
}
.team #mods
{
	color: #512801;
	background: url(../images/badges/badge_moderator_lang.png) no-repeat 98% 15%;
}
.team #friends
{
	color: #454545;
	background: url(../images/badges/badge_friend.png) no-repeat 98% 15%;
}
.team #testers
{
	color: #FF8839;
	background: url(../images/badges/badge_beta.png) no-repeat 98% 15%;
}
ul.othergroups, .teamlist, ul#smfriends
{
	margin: 1em;
}
ul.othergroups li, .teamlist li, ul#smfriends li
{
	float: left;
	width: 12em;
}
.team .revtext
{
	direction: rtl;
	unicode-bidi: bidi-override;
}

/************************************************************************/
/********** Contribute Page *********************************************/
	/********** Index Page **********************************************/
.contribute_info_list {
	display: inline-block;
	padding-left: 2em;
}
.contribute_info_list li#contribute_support {
	list-style-image: url(../images/contribute/support.png);
}
.contribute_info_list li#contribute_customize {
	list-style-image: url(../images/contribute/customize.png);
}
.contribute_info_list li#contribute_document {
	list-style-image: url(../images/contribute/document.png);
}
.contribute_info_list li#contribute_translate {
	list-style-image: url(../images/contribute/translate.png);
}
.contribute_info_list li#contribute_advertise {
	list-style-image: url(../images/contribute/advertise.png);
}
	/********** Sponsors Page *******************************************/
ul#current_sponsors
{
	list-style: none;
	padding: 0;
}
ul#current_sponsors li
{
   overflow: hidden;
   padding: 1em;
   margin: 0.5em;
   width: 45%;
   min-width: 350px; /* For lower resolutions; makes it fall back to one column */
   float: left;
}
ul#current_sponsors li div.content
{
	min-height: 100px;
}
ul#current_sponsors li div.content img
{
	max-width: 150px;
}
ul#past_sponsors
{
	list-style: disc;
	padding-left: 2em;
}




























/************************************************************************/
/************************************************************************/
/************************************************************************/
/************************************************************************/
/************************************************************************/
/************************************************************************/
/************************************************************************/
/**** Adjust for our menu ****/
#sidemenu
{
	float: left;
	width: 16em;
}

#mainbody
{
	padding: 0 1em 1em 0em;
    background: #fff;
    border: 1px solid #b8b8b8;
    border-radius: 8px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.14);
}

#secondarybody
{
	padding: 0 1em 1em 17.2em;
    background: #fff;
    border: 1px solid #b8b8b8;
    border-radius: 8px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.14);
}

/**** Section Header ****/
#sectionheader .where
{
	font-size: 150%;
	padding: 0pt 0pt 0pt 1em;
}
#sectionheader .site_cat_bar
{
	border-radius: 6px;
}

/**** Content Header ****/
.contentheader
{
	margin-top: 1em;
}

/**** Navigation Menu ****/
#navmenu
{
	background: url(https://smf-default.simplemachinesweb.com/images/theme/menu_gfx.png) no-repeat scroll 0pt -140px white;
	list-style: none outside none;
	margin-left: 0;
	margin-top: 0;
	padding-left: 0;
	border-bottom: 1px solid #999999;
}
#navmenu .menuheader
{
	font-size: 130%;
}
#navmenu li
{
	border-left: 1px solid rgb(153, 153, 153);
	border-right: 1px solid rgb(153, 153, 153);
	margin: 0;
}
#navmenu li a span
{
	padding: 8px;
	display: block;
}
#navmenu li.active a span
{
	background: #E7EAEF;
}
#navmenu li:hover a span
{
	background: #d4dbe4;
}

/**** BreadCrumbs ****/
.breadcrumbs
{
	padding-top: 0;
}
.breadcrumbs ul
{
	clear: none;
	border: none;
	padding-top: 0;
}
#secondarybody ul#site_navigate
{
	list-style: none;
}

/**** A spacer ****/
.spacer_right
{
	margin-right: 1em;
}

/**** Lists fix ****/
/** This is needed because browsers by default have a margin on lists.  We want a padding so we don't break the design of the page **/
/*
.roundframe .innerframe ol, .roundframe .innerframe ul
{
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 1em;
	padding-bottom: 1em;
}
*/

/**** Make our Notifications more noticable ***/
#secondarybody .information_site
{
	background: url(../images/information.png) no-repeat scroll 0.9em 0.75em #FBF8F4;
	padding: 0.5em 1em 0.5em 4em;
}

/**** Fix the success box ***/
/** dt is a inline level element and divs are block level elements. We can't put a div in a dt. So we cheat this, and use a span with some css instead **/
span.success
{
	margin-right: 1em;
	display: block;
}

/**** Site PostBox ****/
.sitepost
{
	border-bottom: none;
}
.sitepost dt
{
	width: 24%;
}
.sitepost dd
{
	width: 74%;
}

/**** Grid Header ****/
span.grid_header
{
	display: none;
}
.grid_info_header
{
	min-height: 2em;
	border-top: 0;
	margin-top: 0;
/* test*/
}
.site_windowbg, .site_windowbg2, .site_windowbg3
{
    margin-top: 0;
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

/**** Headers ****/
.mainheader
{
	color: #EB6812;
	font-size: 1.5em;
	font-weight: bold;
	padding-left: 0.25em;
	padding-bottom: 0.25em;
}
.mainheader a
{
	color: #EB6812;
}
.subheader
{
	color: #55728D;
	font-size: 1.2em;
	padding-left: 0.25em;
	padding-bottom: 0.25em;
}

/**** Section stuff ****/
#secondarybody h3 {
    color: #EB6812;
    font-size: 1.5em;
    margin: 15px 0 0 0;
    font-weight: bold;
    background: url(/site/images/bubbles.gif) 0 4px no-repeat;
    padding-left: 23px;
    padding-bottom: 0.7em;
}
/**** Site Buttons ****/
.site_button
{
	font-size: 1.1em;
	display: inline-block;
	cursor: pointer;
	padding: 0pt 8px;
	line-height: 2.5em;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	white-space: pre;

	border: solid 1px #888;
	background: white;
	background: -webkit-gradient(linear, left top, left bottom, from(#f9f9fa), to(#e0e4f0));
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9fa), to(#e0e4f0));
	background-repeat-x: initial;
	background-repeat-y: initial;
	background-attachment: initial;
	background-position-x: initial;
	background-position-y: initial;
	background-origin: initial;
	background-clip: initial;
	background-color: initial;
	background: -moz-linear-gradient(top, #f9f9fa, #e0e4f0);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9fa', endColorstr='#e0e4f0');
}
.site_button_active
{
	font-size: 1.1em;
	display: block;
	cursor: pointer;
	padding: 0pt 8px;
	line-height: 2.5em;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	white-space: pre;

	border: solid 1px #888;
	background: white;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff0d0), to(#d0c0a0));
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff0d0), to(#d0c0a0));
	background-repeat-x: initial;
	background-repeat-y: initial;
	background-attachment: initial;
	background-position-x: initial;
	background-position-y: initial;
	background-origin: initial;
	background-clip: initial;
	background-color: initial;
	background: -moz-linear-gradient(top, #fff0d0, #d0c0a0);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0d0', endColorstr='#d0c0a0');
}
.site_button:hover, .site_button_active:hover
{
	background: white;
	text-decoration: none;
}

/************************************************************************/
/**** Copyright ****/
dl.conv
{
	padding: 1em;
	font-size: 0.9em;
}
dl.conv dt
{
	display: block;
	font-weight: bold;
	margin: 0.5em 0 1em 1em;
}
dl.conv dd
{
	padding: 0 0 2em 0;
	line-height: 1.4em;

}

/************************************************************************/
/**** Contact Us ****/
#reasonbox
{
	padding-top: 1em;
	display: none;
}

/************************************************************************/
/**** SiteMap ****/
ul.sitemap
{
	list-style: square inside url("https://smf-default.simplemachinesweb.com/images/www.gif");
}
ul.sitemap li
{
	margin-bottom: 0;
	margin-top: 0.5em;
	padding-bottom: 0;
}
ul.sitemap li div.roundframe ul
{
	padding-top: 0.01em;
	padding-bottom: 0.2em;
	padding-left: 1em;
}


/************************************************************************/
/**** The demo Advert ****/
div#advertise_ad
{
	background: none repeat scroll 0 0 #EEFFEE;
	border: 1px solid green;
	color: green;
	width: 468px;
	height: 60px;
	padding: 0;
	margin: 0 auto;
}
div#advertise_ad p
{
	margin-top: 0.6em;
}



/************************************************************************/
/**** Downloads ****/
.downloads, .changelog
{
	height: 8em;
}
.downloads .innerframe
{
	padding: 0.75em;
}
.downloads .innerframe .file_info
{
	width: 25%;
}
.downloads .innerframe .file_info .file_description
{
	padding-top: 1em;
}
.downloads .innerframe .file_types
{
	margin-left: 40%;
}
.webinstall .innerframe .file_info
{
	width: 75%;
}
.roundframe .innerframe ul.filetype
{
	padding-top: 0;
}

#showtypes
{
	padding-top: 1em;
}
#showtypes dt
{
	float: left;
	background: url("/site/images/download/package.png") no-repeat scroll 0 0pt transparent;
	padding: 2em 4em;
}
#showtypes dd
{
	margin-left: 12em;
	margin-bottom: 3em;
}

#download_section_index .section_item
{
	width: 18%;
	float: left;
	margin-left: 1em
}
#download_section_index .section_item .information
{
	display: block;
}

/* ############################# */
/* download page */
dl.filelist
{
	background-image: linear-gradient(lightgrey, white 30%), radial-gradient(closest-side, lightgrey, white);
    background-origin: border-box;
    background-clip: content-box, border-box;
    border-left: double 4px transparent;
    border-radius: 35px 0 0 0;
}
dl.filelist dt
{
	font-size: 1.1em;
	color: #FB8115;
	font-weight: bold;
	border-bottom: solid 1px #C3C3C3;
	padding: 15px 0 5px 5px;
	margin: 0 0 5px 20px;
}
dl.filelist dd.file_downloads
{
	font-size: 1.6em;
	color: #999;
	float: right;
	margin: 0 2em 0 2em;
}
dl.filelist dd.file_description
{
	font-size: 0.9em;
	color: #777;
	margin-left: 2em;
	margin-right: 2em;
}
#secondarybody dl.filelist dd.file_types
{
	overflow: hidden;
	height: 100%;
}
#secondarybody p.info2 , #secondarybody dd.info2
{
	font-size: 0.9em;
	padding: 0.4em;
	margin: 0.1em 1em 0.5em 2em;
	display: block;
}

#secondarybody dl#showtypes
{
	margin: 2em 0 2em 0;
}
#secondarybody dl#showtypes dt
{
	padding: 10px 5px 10px 35px;
	background: url(/site/images/download/package.jpg) no-repeat;
	margin-left: 1em;
	font-size: 0.9em;
	float: left;
	font-weight: bold;
}
#secondarybody dl#showtypes dd
{
	margin-left: 10em;
}
 #secondarybody p.divider_bottom
 {
	padding-bottom: 2em;
	margin-bottom: 2em;
	border-bottom: solid 2px #ddd;
 }
 #secondarybody div#webinstall h4 a
{
	display: block;
	padding: 45px 10px 2em 10px;
	background: url(/site/images/download/package.jpg) 5em 0 no-repeat;
	font-size: 0.8em;
}





/**** SMF Requirements page ****/
#secondarybody ul.smfrequirements
{
	list-style: disc;
}
#secondarybody ul.smfrequirements ul
{
	list-style: circle;
}
#secondarybody li
{
	margin: 0.4em 0 0 3em;
}
#secondarybody ol
{
	font-size: 0.9em;
	margin-bottom: 1em;
}

/**** CSS manipulation is fun!  ****/
#download_section_index .information:hover
{
	background-color: #E7EAEF;
	border:	1px solid #000;
}
#download_section_index .content
{
	overflow: auto;
	list-style: none;
}

/* Entry level phones */
@media (max-width: 1070px) {
	.intro_text_cont {
	    width: 83%;
	}
}

@media (max-width: 1024px) {
	.more_information {
		margin-top: 2em;
	}
}

@media (max-width: 1016px) {
	.intro_text_cont {
	    width: 82%;
	}
}

@media (max-width: 967px) {
	.intro_text_cont {
	    width: 81%;
	}
}

@media (max-width: 924px) {
	.intro_text_cont {
	    width: 80%;
	}
}

@media (max-width: 890px) {
	.more_information {
		margin-top: 4em;
	}
}

@media (max-width: 840px) {
	#contribute {
	    clear: left;
		padding-bottom: 2em;
	}
	.information {
		width: 100%;
		margin-top: 2em;
	}
}

@media (max-width: 670px) {
	.smf_about, .latest_news_container, .information {
		width: 100%;
	}
	#contribute {
		padding-bottom: 2em;
	}
	.latest_news_container {
		padding-bottom: 1em;
	}
	.more_information_list {
		width: 40%;
	}
}

/* Entry level phones */
@media (max-width: 480px) {
	.intro_container, .smf_about, .latest_news_container {
		width: 100%;
	}
	.intro_container {
		margin-left: 0;
		margin-bottom: 1em;
	}
	.more_information_list {
	    width: 45%;
		padding-left: 3em;
	}
	#contribute {
		margin-top: 1em;
	}
}

@media (max-width: 320px) {
	.intro_text_cont {
		width: 80%;
	}
	.more_information_list {
	    width: 100%;
		padding-left: 3em;
	}
}