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

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

nav#main{
display:none;
}

nav#mobile {
display: block;
}

#container {
width:90%;
margin:0 5%;
}

#album-promo {
position: absolute;
left:50%;
top:35%;
transform: translate(-50%, -35%);
color:#000;
}

#album-promo #title {
font-size:60px;
letter-spacing:-2px;

}

#album-promo #sub {
text-align:center;
font-size:40px;
letter-spacing:-1px;
}

#album-promo #btn {
margin:20px 0 0 0;
}

#album-promo #btn a {
font-size:25px !important;
}

footer {
padding:12px 0;
}

footer #copyright {
text-align:center;
font-size:12px;
}

footer #socials ul {
position: relative;
left:0;
right:0;
transform: translate(0%, 0%);
margin:0 auto 10px auto;
text-align:center;
}

footer #socials ul li {
display:inline-block;
margin:0 5px;
font-size:18px;
line-height:100%;
}
}




@media all and (max-width:900px) {
#album-promo #title {
font-size:48px;
}

#album-promo #sub {
font-size:32px;
}

#album-promo #btn {
margin:15px 0 0 0;
}

#album-promo #btn a {
font-size:27px;
}

ul#music {
grid-template-columns:1fr 1fr;
grid-gap:20px;
}

ul#music li .buy a {
font-size:20px;
}

#posts ul {
grid-template-columns: 1fr 1fr;
grid-gap:25px;
}
}

@media all and (max-width:800px) {
ul#music {
grid-template-columns:1fr;
grid-gap:30px;
}

#posts ul {
grid-template-columns: 1fr;
grid-gap:25px;
}
}