﻿/* iPhone ------------------------------------------------------- */
@media screen and (max-width: 600px) {

    .sys_add-your-comment{
    	width:95%;
	}
	
	#Body #Sidebar{
	display:none;
	}

	#content{
		padding:0 5px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.sys_theme-simple .sys_comments-control .sys_comments-title{
		margin-top:10px;
	}
	
	/* News and Events  */
	.sys_articleContent {
		display: flex;
		flex-direction: column;
	}

	.sys_news-search-control .sys_basic-search-row.sys_year-row,
	.sys_news-search-control .sys_basic-search-row.sys_month-row,
	.sys_news-search-control .sys_basic-search-row.sys_category-row,
	.sys_news-title.sys_standardlist-title,
	.sys_news-search-control .sys_basic-search-row.sys_keyword-row label {
		display: none;
	}
	.sys_news-search-control input {
		font-size: 18px;
		padding: 7px;
		margin-top: 20px;
	}
	.sys_news-search-control #Search_buttonSearch.sys_button.sys_searchbutton.sys_search-button {
		width: 100%;
	}
	#content .sys_articleContent .sys_news-leftcol {
		order: 2;
		width: 100%;
		margin:0;
	}

	#content .sys_articleContent .sys_news-rightcol {
		order: 1;
		width: 100%;
		margin:0;
	}

	.sys_theme-simple .sys_datarepeatercontrol .sys_subitem {
		display: inline-table;

	}

	#content .sys_articleContent .sys_news-leftcol .sys_flickrpager {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	#content .sys_articleContent .sys_news-leftcol .sys_paginginfo {
		margin-bottom: 25px;
	}

	#content .sys_articleContent .sys_news-leftcol .sys_navigation {
		font-size: 18px;
	}
}


/* iPhone (portrait) ------------------------------------------------------- */
@media screen and (max-width: 600px)  and (orientation: portrait) {
	#Body #content .sys_articleContent img{
			width:100%;
            height:auto;
		}
	}
	
@media screen and (max-width: 600px)  and (orientation: landscape) {
		#Body #content .sys_articleContent img{
			max-width:40%;
            height:auto;
		}
}