@media all and (min-width:1100px) {
#nav-trigger {display:none;}
#mobile-nav {
display:none;
}
}

@media all and (max-width:1100px) {
#nav-trigger,
#mobile-nav {
display:inherit;
}

#container {
width:86%;
margin:0 7%;
}

#container.page {
padding:25vh 0 150px 0;
}

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

#feature {
height:auto;
padding-top:25vh;
margin:0 0 100px 0;
}

#feature #col-1 {
float:none;
width:100%;
padding-top:0;
text-align:center;
}

#feature #release-info {
margin:30px 0 0 0;
}

#release-pre {
font-size:20px;
margin:0 0 10px 0;
}

#release-date {
font-family:'bebas';
font-size:70px;
line-height:100%;
padding:0 90px;
}

#release-date::after {
content:"";
display:block;
background:url("images/ITP_Scribble.png") no-repeat;
padding:0 0px 50px 0px;
background-size:100% 120%;
margin:-32px auto 0 auto;
}

#release-btn {
width:100%;
}

#feature #col-2 {
float:none;
width:100%;
margin:0 0 50px 0;
text-align:center;
}

#feature #col-1 img,
#feature #col-2 img {
max-width:60%;
}

#avail-links ul {
display:grid;
grid-template-columns: 1fr;
grid-gap:50px;
}

#avail-links #avail-text {
margin:10px 0 0 0;
}

.seated-event-row {
padding:12px 0 !important;
}

.seated-event-description-cells {
width:100% !important;
padding:20px 0 10px 0;
}

.seated-event-date-cell:after {
content:"";
padding:0;
}

.seated-event-date-cell {
float:none;
padding:0;
}

.seated-event-details-cell {
padding:0;
}

.seated-event-venue-name {
padding:0;
}

.seated-event-venue-location {
clear:both;

padding:0;
width:100% !important;
}

.seated-event-link-cells {
border-left:0 none;
width:100%;
}


.seated-event-link1, .seated-event-link1:visited, 
.seated-event-link2, .seated-event-link2:visited {
overflow:visible !important;
padding: 15px 20px 20px 20px !important;
width:100% !important;
min-width:10px !important;
color:#f6e7c2 !important;
background:url("images/ITP_Stroke-6c.png") !important;
background-size:100% 100% !important;
z-index:777;
position:relative;
}




#music .wpp-btn-blue-medium {
width:80%;
font-size:27px;
}

#music a .wpp-btn-blue-medium {
padding:26px 0;
}



#about #col-1 {
float:none;
width:100%;
margin:0 0 30px 0;
}

#about #col-2 {
float:none;
width:100%;
}

#about p {
margin:0 0 30px 0;
}

ul#news-feed {
display:grid;
grid-template-columns:1fr 1fr;
grid-gap:25px;
}
}


@media all and (max-width:900px) {
#mobile-nav #mobile-nav-socials li {
margin:0 6px;
font-size:19px;
}

#feature #col-1 img,
#feature #col-2 img {
max-width:100%;
}

#older-posts {
width:90%;
}

#newer-posts {
width:90%;
margin:0 0 20px 0;
}

#music .wpp-btn-blue-medium {
width:100%;
}
}


@media all and (max-width:800px) {
ul#news-feed {
display:grid;
grid-template-columns:1fr;
grid-gap:25px;
}
}