/* 240 */

@media screen 
and (min-width : 180px) 
and (max-width : 319px) {
	#header, #container, #footer{max-width:95%; margin:0 auto;}
	
	.one_half, 
	.one_third, .two_third, 
	.one_quarter, .two_quarter, .three_quarter, 
	.one_fifth, .two_fifth, .three_fifth, .four_fifth{display:block; float:none; width:auto; margin:0 0 2% 0; padding:0;}
	
	#header hgroup{display:block; width:100%; float:none; margin:0 0 15px 0; padding:0; font-size:.8em; line-height:normal;}
	#header hgroup h1{margin:0 0 10px 0;}
	#header nav{display:block; width:100%; float:none; margin:0; padding:0; font-size:.8em;}
	
	#container{padding:30px 0 0 0; font-size:.8em;}
	#container #homepage #intro, #container #homepage #services{margin:0 0 30px 0; padding:0;}
	#container #homepage #intro article, #container #homepage #services article{display:block; float:none; width:100%; margin:0 0 50px 0; padding:0;}
	#container #homepage #services article.last{margin-bottom:0;}
	#container #homepage #intro article h1.shout{font-size:2.6em; margin-bottom:30px; font-variant:normal;}
	#container #content, #container #right_column{float:none; width:auto; margin-bottom:50px;}
	#container aside h2{text-align:left;}
	
	
	#container #portfolio article figure img{margin:0 0 15px 0; padding:0; border:none;}
	
	#container #gallery figure header{text-align:center;}
	#container #gallery figure ul li{display:block; float:none; width:100%; height:auto; margin:0 0 5% 0;}
	#container #gallery figure ul li.last{margin:0 0 5% 0;}
	#container #gallery figure ul li img{margin:0; padding:0; border:none;}

	#container .pagination{display:block; width:100%; margin-bottom:30px;}
	
	#header, #footer{text-align:center;}
	#footer p{float:none; line-height:1.6em;}
	#footer p:first-child{margin-bottom:8px;}
	
	#line {
	display:none;
}

#next_event {display:none;}

	body{overflow-x:hidden;}

	
}

/* 320px */

@media screen 
and (min-width : 320px) 
and (max-width : 360px) {
	#header, #container, #footer{max-width:95%; margin:0 auto;}
	.row1 { border-bottom: 1px solid #CCCCCC;}
	.one_half, 
	.one_third, .two_third, 
	.one_quarter, .two_quarter, .three_quarter, 
	.one_fifth, .two_fifth, .three_fifth, .four_fifth{display:block; float:none; width:auto; margin:0 0 2% 0; padding:0;}
	
	#header hgroup{display:block; width:100%; float:none; margin:0 0 15px 0; padding:0;}
	
	#container{padding:30px 0 0 0; font-size:.8em;}
	#container #homepage #intro, #container #homepage #services{margin:0 0 30px 0; padding:0;}
	#container #homepage #intro article, #container #homepage #services article{display:block; float:none; width:100%; margin:0 0 50px 0; padding:0;}
	#container #homepage #services article.last{margin-bottom:0;}
	#container #content, #container #right_column{float:none; width:auto; margin-bottom:50px;}
	#container aside h2{text-align:left;}
	
	#container #portfolio article figure img{margin:0 0 15px 0; padding:0; border:none;}
	
	#container #gallery figure header{text-align:center;}
	#container #gallery figure ul li{display:block; float:none; width:100%; height:auto; margin:0 0 5% 0;}
	#container #gallery figure ul li.last{margin:0 0 5% 0;}
	#container #gallery figure ul li img{margin:0; padding:0; border:none;}

	#container .pagination{display:block; width:100%; margin-bottom:30px;}
	#container section {
    display: block; margin: 0 0 30px 12px; padding: 0; width: 100%;}
	
	#header, #footer{text-align:center;}
	h1{ padding-left: 13px;}
	#footer p{float:none; line-height:1.6em;}
	#footer p:first-child{margin-bottom:8px;}
	
	#line {display:none;}
	#next_event {display:none;}
	#header nav {display: block; width: 100%; float: none; margin: 0px; padding: 0px ; font-size: 1em;top: -7px;
}
	#logo {
    position: relative; width: 60%; top: -20px;
    margin: 0px auto;
}
	#banner_container {display:none !important;}
	#banner{ display:none;}
	#main_banner{ background-color:#666; min-height: 187px;}
	#eq{max-width: none; width: 300px; margin: 0px auto; right: 40px; position: relative; top: -6px;}
	#image_text{ font-size:14px; width: 70%; left: 15%; top: 18px;}
	#container{padding-left: 10px; max-width:100%;}
	body{overflow-x:hidden;}
	.logo_footer { display:none;}
	.wrapper_footer {left: 20px;
}
.copyright{
	left: 33px;}
}





/* 480px */

@media screen 
and (min-width : 361px) 
and (max-width : 550px) {
	#header, #container, #footer{max-width:95%; margin:0 auto;}
	
	#header hgroup{display:block; width:100%; float:none; margin:0 0 15px 0; padding:0;}
	#header nav{display:block; width: 70%; float:none; margin:0; padding:0; font-size:1em; left: 69px; top: -5px;}
	
	#container{padding:30px 0 0 0; font-size:.8em;}
	#container #homepage #intro article, #container #homepage #services article{display:block; float:none; width:100%; margin:0 0 50px 0; padding:0;}
	#container #homepage #services article.last{margin-bottom:0;}
	#container #content, #container #right_column{float:none; width:auto; margin-bottom:50px;}
	#container aside h2{text-align:left;}
	
	#portfolio article.one_third{display:block; float:none; width:auto; margin-left:0; padding:0;}
	
	#container #gallery figure ul li img{margin:0; padding:0; border:none;}

	#container .pagination{display:block; width:100%; margin-bottom:30px;}
	
	#footer{text-align:center;}
	#footer p{float:none;}
	#footer p:first-child{margin-bottom:8px;}
	
	#logo {position: relative; width: 45%; top: -20px; margin: 0 auto;}

	#topnav {left: 273px; top: -32px;}
	
	.row1 { border-bottom: 1px solid #CCCCCC;}
	
	#line {top: -41px; left: -3px;}
		
	#banner{height: 155px; margin-top: -20px;}
	
	#image_text {top: 25px; font-size: 14px;}
		
	#main_banner {min-height: 190px;}
	#banner_container {display:none !important;}
		
	#header {height:65px;}
	#next_event {display:none;}
		
	body{overflow-x:hidden;}

	.one_half, 
	.one_third, .two_third, 
	.one_quarter, .two_quarter, .three_quarter, 
	.one_fifth, .two_fifth, .three_fifth, .four_fifth{display:block; float:none; width:auto; margin:0 0 2% 0; padding:0;}
	
	#services {margin-top: 0px !important;}

	article {width:275px !important; margin: 0 auto !important;margin-bottom:25px !important;}
	.logo_footer {right:3%;}
	#line {display:none;}
	
	.logo_footer {
    width: 145px;
    height: 50px;
    position: absolute;
    top: 30px;
    right: 4%;
}

#container section {
    display: block;
    width: 100%;
    margin: 0px 0px 21px 0px;
    padding: 0px;
}

	}

/* 600px */

@media screen 
and (min-width : 550px) 
and (max-width : 640px) {
	#header, #container, #footer{max-width:95%; margin:0 auto;}
	
	#header hgroup{display:block; width:100%; float:none; margin:0 0 15px 0; padding:0;}
	#header nav{display:block; width:100%; float:none; margin:0; padding:0; font-size:1em; left: 46%;  top: -36px;}
	
	#container{padding:30px 0 0 0; font-size:.8em;}
	#container #homepage #intro article, #container #homepage #services article{display:block; float:none; width:100%; margin:0 0 50px 0; padding:0;}
	#container #homepage #services article.last{margin-bottom:0;}
	#container #content, #container #right_column{float:none; width:auto; margin-bottom:50px;}
	#container aside h2{text-align:left;}
	
	#portfolio article.one_third{display:block; float:none; width:auto; margin-left:0; padding:0;}
	
	#container #gallery figure ul li img{margin:0; padding:0; border:none;}

	#container .pagination{display:block; width:100%; margin-bottom:30px;}
	
	#footer{text-align:center;}
	#footer p{float:none;}
	#footer p:first-child{margin-bottom:8px;}
	
	#logo {
    position: relative;
    width: 39%;
}

#line {
	top: -41px;
	left: 14px;
	
}
	
#banner{
	height: 138px;
	margin-top: -20px;
	}

#image_text_concepts {
    top: 12%;
}

#image_text {
	top: 25px;
	font-size: 14px;
	}
	
#main_banner_events{min-height: 190px;}
	
#header {
	height:45px;
	}
#next_event_section {display:none !important;}
	
body{overflow-x:hidden;}

	.one_half, 
	.one_third, .two_third, 
	.one_quarter, .two_quarter, .three_quarter, 
	.one_fifth, .two_fifth, .three_fifth, .four_fifth{display:block; float:none; width:auto; margin:0 0 2% 0; padding:0;}
	
	#services {
    margin-top: 0px !important;}

article {
	width:275px !important;
	margin: 0 auto !important;
	margin-bottom:25px !important;
	}
	

.logo_footer {right:3%;}
article { position:relative; display:block; margin:10px !important;}
one_third{ margin:0px;}
section {
    margin: 25px 0 25px 140px !important;
}
}

/* 768px */

@media screen 
and (min-width : 639px) 
and (max-width : 959px) {
	#header, #container, #footer{max-width:95%; margin:0 auto;}
	#next_event_section { display:none;}
	#main_banner_events{min-height: 155px;}
	
	#header hgroup{margin:0 0 25px 0;}
	#header nav{display:block; width:100%; float:none; margin:0; padding:0;}
	
	#container h1, #container h2, #container h3, #container h4, #container h5, #container h6{font-size:1.6em; font-weight:normal;}
	#container #homepage #services article hgroup h2{font-size:1.4em; font-weight:normal;}
	#container #homepage #intro article h1.shout{font-size:3.8em;}
	.row1 a {font-size: .85em}
	#image_text {top: 5%;
	font-size:14px;}
	
#header nav {
    display: block;
    width: 100%;
    margin: 0px;
    padding: 0px;
    float: none;
    top: -31px;
    left: 61%;
}

#header {
    padding: 30px 0px;
    height: 35px;
}

#line {
	width: 308px;
	position: relative;
	top: -39px;
	left: 2%;
}

#banner {
	height: 154px;
	top: -24px;
	position: relative;		
}

#image_text{z-index:100; top: 17%;}

#banner_container  {height:145px;}

#image_text_concepts {
    top: 20%;
}

#next_event {display:none;}

#container section{margin: 0px 0px 30px 35px;}

.one_third {
    width: 45%;
}

#services {margin-top: 18px;}

.last{	
	 margin-left: -591px;
     margin-right: 136px;
     margin-top: 77%;
}

.logo_footer {
	right:3%;
	}

body{
	overflow-x:hidden;}

article { position:relative; display:block; margin:10px !important;}
one_third{ margin:0px;}

}




/* 960px */

@media screen 
and (min-width : 960px) 
and (max-width : 1200px) {
	#header, #container, #footer{max-width:95%; margin:0 auto;}

	#header nav{font-size:1.1em;}
	#image_text {top: 14%;
	font-size:15px;}
	.row1 a {font-size: .85em}
	#container{font-size:.8em;}
	#main_banner {min-height: 185px;}
	.logo_footer {right:3%;}
	
body{
	overflow-x:hidden;}
	article { position:relative; display:block; margin:15px !important;}
one_third{ margin:0px;}
}

/* 1200px */

@media screen and (min-width: 1200px) {
	#header, #container, #footer{max-width:1024px; margin:0 auto;}
	article { position:relative; display:block; margin:25px !important;}
one_third{ margin:0px;}
h1{margin-bottom:0px;}


}