@media (min-width: 1350px) {

.container {
width: 1280px;
}

}

@media (max-width: 1200px) {

nav#navigation li a:link, nav#navigation li a:visited {
font-size: 19px;
padding: 15px 0px 11px;
}
    
nav#navigation li {
margin: 0px 11px;
}

}

@media (max-width: 1160px) {

#large-image {
background-size: auto 450px !important;
}

}

@media (max-width: 1100px) {

h1 {
max-width: 70%;
}

.logo {
float: none;
text-align: center;
height: 15px;
width: 100%;
}

.logo a:link, .logo a:visited {
font-size: 35px;
}

nav#navigation {
width: 100%;
}

body.smaller .logo {
    height: 20px;
}


}

@media (max-width: 1050px) {


#content {
width: 100%;
margin: 0px 0px 50px;
}

}

@media (max-width: 1000px) {

#slideshow h1 {
font-size: 54px !important;
}

#large-image {
height: 400px;
background-size: auto 400px !important;
}

}


@media (max-width: 850px) {

nav#navigation li a:link, nav#navigation li a:visited {
font-size: 18px;
padding: 16px 0px 11px;
}

nav#navigation li:first-child {
margin: 0px 6px 0px 0px;
}
   
nav#navigation li:last-child {
margin: 0px 0px 0px 6px;
}
 
nav#navigation li {
margin: 0px 6px;
}

}


@media (max-width: 800px) {

h1 {
font-size: 55px;
}

#breadcrumbs {
margin: 10px 0px 20px;
text-align: left;
}

}

@media (max-width:725px) {
.logo {
float: left;
text-align: left;
height: 65px;
width: 235px;
}

.logo a:link, .logo a:visited {
font-size: 30px;
}

body.smaller .logo {
    height: 70px;
}

#announcement {
font-size: 20px;
}

#large-image {
height: 350px;
background-size: auto 350px !important;
}

}

@media (max-width:700px) {

.front-page .sidebar {
display: none;
}

#content {
width: 100% !important;
}

#slideshow h1 {
top: 40%;
line-height: 40px;
}

}

@media (max-width:600px) {

.logo a:link, .logo a:visited {
font-size: 28px;
line-height: 20px;
}

h1 {
font-size: 40px;
}

.front-page h1 {
    margin: 20px 0 15px 0;
}

.front-page .entry-header {
    margin: 0 0 30px;
}

   
.front-page h2 {
    font-size: 22px;
}

.entry-content h2 {
    margin: 20px 0 10px;
}

h1.entry-title {
padding: 7px 30px;
margin: 40px 0px 20px 0px;
}

.entry-header {
margin: -16px 0px 30px;
}

p {
font-size: 18px;
line-height: 33px;
}

#slideshow h1 {
display: none;
}

#large-image {
height: 250px;
background-size: auto 250px !important;
}

}

@media (max-width:400px) {

#large-image {
height: 170px;
background-size: auto 170px !important;
}

}