@media all and (min-width:1200px) {
/* Header (large) */
header.large {
height: 90px;
line-height:90px;
}

/* Header (small) */
header.small {
height: 70px;
line-height:70px;
}

#nav-trigger {display:none;}
nav#nav-mobile {
display:none;
}

nav#desktop {
display:inherit;
}
}

@media all and (max-width:1200px) {
header,
header.large,
header.small {
height: 90px;
line-height:90px;
}

header.small #logo {
height:90px;
}

header #logo img,
header.small #logo img {
max-height:70% !important;
}

header #logo {
float:none;
margin:0 auto;
display:block;
text-align:center;
}


#nav-trigger,
nav#nav-mobile {
display:inherit;
}

#nav-trigger {
float:left;
position:absolute;
top:7px;
left:0;
}

header #socials,
nav#desktop {
display:none;
}

#container {
width:80%;
margin:0 10%;
}

#container.page {
width:80%;
margin:150px 10% 100px 10%;
}

#container.posts {
width:80%;
margin:150px 10% 100px 10%;
}


/** News **/
#news #latest {
float:none;
height:400px;
width:100%;
margin-bottom:20px;
}

#news #latest #image {
height:400px;
}

#news #latest #image img {
min-width:100%;
}

#news #latest #content {
height:100px;
}

#news #posts {
float:none;
width:100%;
}

#news #posts li {
width:48%;
height:230px;
}

#news #posts li #image {
height:230px;
overflow:hidden;
}

#news #posts li #content {
height:100px;
}

#news #latest #content h2,
#news #posts #content h2 {
font-size:15px;
}


/** News - page **/
#posts-page li {
float:left;
width:48%;
margin:0 1% 20px 1%;
height:230px;
}

#posts-page li #image {
height:230px;
}


/** Sign Up **/
#mc_embed_signup .mc-field-group {
float:none;
margin:0 0 10px 0;
width:100%;
padding-bottom:0;
}

#mc_embed_signup input {
width:100%;
margin:0;
}

#mc_embed_signup .button {
display:block;
width:100%;
}
}


@media all and (max-width:1000px) {
/** Homepage video **/
.videocover {
min-height:70vw;
max-height:auto;
}

.full-vid {
position: absolute;
bottom:0%;
}

#music li {
float:left;
width:48%;
margin:0 1% 2% 1%;
}

/** About **/
#about {
background-image:none !important;
background-color:#f4dfbd;
}

#about #right-content {
float:none;
max-width:100%;
}

#single h1 {
font-size:28px;
}
}


@media all and (max-width:800px) {
header #logo {
margin:0 20px 0 0;
text-align:right;
}

#music li {
float:none;
width:100%;
margin:0 0 20px 0;
}



#news #latest {
height:300px;
}

#news #latest #image {
height:300px;
}

#news #posts li {
float:left;
width:100%;
height:300px;
}

#news #posts li:last-child {
display:none;
}

#news #posts li #image {
height:300px;
}

#posts-older {
float:left;
display:block;
max-width:90%;
}

#posts-newer {
float:right;
display:block;
max-width:90%;
margin-top:30px;
}

#posts-page li {
float:none;
width:100%;
margin:0 0 20px 0;
}

#videos h5 {
font-size:13px;
}

footer {
padding:20px 0;
}

footer #links {
width:100%;
}
}