@media screen and (max-width: 500px) {

body {
background-image: none;
	font-family: Cambria, serif;
	font-size: 20px;
}

#wrapper {
padding: 0 10px 0 10px;
width: auto !important;
opacity: 1;
box-shadow: none;
-webkit-box-shadow: none;
}

#headerlogos img {
width: 100%;
}

.leftBox {
float: left;
width: 100% !important;
}

.left {
float: none;
}

.leftBox img, .left img {
width: auto;
}

#projects img {
width: 100% important;
}

.right {
float: left;
width: 100%;
}

.blueBox {
max-width: 270px !important;
margin-top: 10px;
}

.blue {
border-radius: 10px;
}

#footer {padding-left:10px;}

.rightContact {
float: left;
}

.marginLeft20 {
margin-left: 0px;
}

.commentContact {
position: relative;
top: -0px;
}

.commentQuote {
	position: inherit;
	top: 0px;
}

.commentQuote img {
position: inherit;
top: 0px;
padding-bottom: 30px;
padding-left: 10px;
}

.leftComment {
float: left;
width: auto !important;
padding-right: 10px;
padding-top: 10px;
}

.relatedContent {
width: auto !important;
}

.w300 {
width: 100%;
}

.eventPicture { 
width: 100%;
}

.event, .eventText, .eventDetail { 
max-width: 290px !important;
height: 100% !important;
margin-top: none;
}

.debateBox {
width: auto !important; 
}

.arrowImg {
display: none;
}

#dropdownFilter {
margin-left: 0px;
margin-top: 5px;
width: 120px;
margin-bottom: 5px;
}

.personBox {
width: auto !important;
float: left;
}

p {
font-size: 20px;
line-height: 23px;
}

.slicknav_menu {
display: block;
}

.eventPicture {
display: none;
}

.orangeBox {
border: 5px solid #ffc597;
	border-radius: 10px;
padding: 10px 5px 10px 5px;
	margin-left: -5px;
	margin-right: -5px;
}

.menuItem {
float: none;
font-family: "museo-sans", Cambria, serif;
padding: 0 1px 0 1px;
display: block;
}

ul#menu {
display: none;
}

#headerlogos {
background-image: url(/images/AoI_logo_website_header.jpg);
height: 52px;
width: 300px;
background-size: contain;
background-repeat: no-repeat;
}

#headerlogos img {
display: none;
}

.right h3 {
display: none;
}

img {
max-width: 290px;
}

.footerText {
max-width: 290px;
}

.footerSocialIcons {
margin-left: 0px;
}

#projects, #updates {
/* margin-left: -10px; */
}

#comment p {
padding-bottom: 10px;
}

#forums .forumDetail {
max-width: 290px;
}

.left h2 {
padding-top: 10px;
}

.eventText img {
display: none;
}

.subTitle p {
line-height: 23px;
}

/* carousel stuff */

.carouselItem {
max-width: 300px;
}

#carousel .cImage {
display: none;
}

#prevBtn, #nextBtn {
top: 40%;
width: 80px;
height: 180px;
font-size: 400%;
}

#carousel .carouselImageTagLeft {
top: 10px;
left: 10px;
}

#carousel .carouselImageDebateTextForum {
width: 300px;
top: 50px;
left: 10px;
}

#carousel .carouselComment {
padding-left: 10px;
padding-top: 0px;
}

#carousel .carouselCommentTagRight p {
display: none !important;
}

#carousel .carouselImageDebateText {
width: 300px;
top: 50px;
left:10px;
}

#carousel .carouselItem {
	background-color: #1369a2;
}

#carousel .carouselItem a:link, a:visited, #carousel h1 {
font-size: 36px;
line-height: 36px;
width: 280px;
}

#carousel .dateTag {
width: 280px;
}

#carousel .carouselImageTagRight p {
display: none;
}

#carousel .carouselImageDebateTextComment {
padding-top: 10px;
width: 280px;
}

.carouselImageDebateTextComment img {
display: none;
}

#carousel .carouselForumImage {
display: none;
}

#carousel .commentSnippet {
	display: none;
}

.centerProject {
	padding: 15px 0px 15px 0px;
}

h2.whiteOut {
	font-weight: 300;
	max-width: 270px;
}

}