@charset "UTF-8";
/* CSS Document */

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


#container{
	width:100%;
	
}

#links-pages {
	display:none;
}    
img,embed,object,video{
	max-width:100%;
	height: auto;
}
}

@media screen and (max-width: 1044px) {
#container {
	width: 100%;
}
div#canton_bar{
    border-radius: 10px 0 0;
}
div#canton_bar #topnav{
    padding: 1.5%;
}
#header{
    top: 2%;
}
#directory{
    width: 42%;
}
#calendar{
    width: 50px;
    height: 35px;
    border-radius: 10px;
    margin-left: 1%;
    top: 0;
}
.calendar{
    width: 80%;
    left: 12%;
}
.calendar-txt{
    display: none;
}

#main_content{
  top: 0;
}
.top_content{
  width:100%;
  height:560px;
}
#footer{
	width:100%;
}
img,embed,object,video{
	max-width:100%;
	height: auto;
}

}
@media screen and (max-width: 900px) {
.top_content{
  width:100%;
  height:430px;
}
}
@media screen and (max-width: 768px) {
#container {
	width: 100%;
}
#canton_bar{
    display: none;
}
.logo {
	width:30%; 
}
#directory{
    width: 42%;
}
#calendar{
    width: 50px;
    height: 42px;
    border-radius: 10px;
    margin-left: 1%;
    top: 0;
}
.calendar{
    width: 90%;
    left: 10%;
}
.calendar-txt{
    display: none;
}
.nivoSlider {
	height: 370px;
}
.top_content{
  width:100%;
  height: auto;
}
.group{
  width: 100%;
}
#footer{
	width:100%;
}

#footer_nav{
	width:90%;
	padding: 0 5% 0 5%;
	margin: 0 auto;
}
#ftext{
	width: 25%;
	padding-left:10%;
}

img,embed,object,video{
	max-width:100%;
	height:auto;
}

}
@media screen and (max-width: 600px) {
#container {
	width: 100%;
}
#main_content{
    width: 90%;
}
.logo {
	width:40%; 
}
 .top_content{
  width:100%;
  height: auto;
  margin-bottom: 5%;
}
#directory{
    display:none;
}
#calendar{
    width: 50px;
    height: 48px;
    border-radius: 10px;
    margin-left: 1%;
    top: 0;
}
.calendar{
    width: 90%;
    left: 7%;
    padding-top: 2px;
}
 .nivoSlider {
	height: 370px;
}
#footer{
	font-size:10px;
}
#footer_nav{
	width:59%;
	margin: 0 auto;
	padding:0 5% 0 5%;
}
#ftext{
	padding-left: 5%;
	width: 80%;
	margin: 0 5% 2% 5%;
	border-bottom: 1px solid #cfab7a;
}

#fconnected{
	text-align: center;
	margin: 0;
	padding: 0;
	width: 100%;
}
#links-base {
	display:none;
}
	
img,embed,object,video{
	max-width:100%;
	height:auto;
}


}
@media screen and (max-width: 480px) {
#container {
	width: 100%;
}
#header {
	width:100%;
	height: 8%;
}
#logo {
	width:50%;
	height: 66px;
}
#main_content{
    width: 85%;
}
h1{
    font-size: 1.7em;
    }
p{
    font-size: 1em;
}

#footer_nav{
	width:60%;
	padding: 0 5% 0 5%;
	margin: 0 auto;
}
  .listing {
    margin: 0;
    padding-inline-start: 0;
  }

img,embed,object,video{
	max-width:100%;
	height:auto;
}

}
@media screen and (max-width: 320px) {
#container {
	width: 100%;
}
#header {
	width:100%;
	height:8%;
}
#logo {
	height:52px;
}

img,embed,object,video{
	max-width:100%;
	height:auto;
}

}