@media all and (min-width:1100px) {
.hide-for-mobile {display:inherit;}
.show-for-mobile {display:none;}

#venue #left .info {
position: absolute;
top: 50%; left: 50%;
transform: translate(-50%,-25%);
width: 100%;
height: 400px;
padding-left:90px;
}
}

@media all and (max-width:1100px) {
.hide-for-mobile {display:none;}
.show-for-mobile {display:inherit;}

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

#feature {
padding:40px 0;
font-size:21px;
}

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

#feature #logo {
margin:0 0 15px 0;
}

#feature #logo img {
max-width:30%;
}

#feature #col-1 #copy {
font-size:20px;
}

#feature #col-1 #copy span.presentedby-logo {
margin-left:6px;
padding-left:5px;
}

#feature #col-1 #copy span.presentedby-logo img {
max-height:24px;
margin-bottom:-2px;
}

#feature #col-2 {
float:right;
width:40%;
}

#feature #col-3 {
float:left;
width:55%;
margin-left:5%;
}

#feature .bobble img {
max-width:50%;
}


p span.sac {
font-size:30px;
}

p.address {
font-size:19px;
}

p.address strong {
font-size:26px;
}

p.break {
max-width:100%;
}

#register-btns ul {
grid-template-columns: 1fr 1fr;
grid-column-gap: 14px;
max-width:90%;
margin:20px 5% 20px 5%;
}

#register-btns li a {
font-size:14px;
padding:10px 0;
}



#buttons {
margin:0 0 50px 0;
}

#buttons ul {
display:grid;
grid-template-columns: 1fr 1fr;
}

#buttons li {
font-size:15px;
}

#buttons p.head {
font-size:19px;
margin:0 0 8px 0;
}

#buttons p {
margin:0;
}

#buttons p:last-child {
margin-bottom:0;
}

#buttons li a {
padding:17px 0;
}



/** Sponsors **/
#sponsors h3,
#packages h3 {
margin:0 0 28px 0;
font-size:24px;
}

#sponsors {
margin:0 0 50px 0;
}

#sponsors ul {
display:grid;
grid-template-columns: 1fr 1fr 1fr;
grid-column-gap: 50px;
grid-row-gap:40px;
}

#sponsors li img {
max-width:70%;
}



/** Packages **/
p.package-btn {
margin:0 0 40px 0;
}

p.package-btn a {
font-size:15px;
padding:8px 28px;
border-radius:50px;
}




#venue #left {
float:none;
width:100%;
height:auto;
text-align:center;
padding:20px 0;
}

#venue #right {
float:none;
width:100%;
}


}

@media all and (min-width:850px) and (max-width:1100px) {
BACKUP FOR SILENT AUCTION#buttons li:last-child {
grid-column-start: 1;
grid-column-end:   3;
}
}


@media all and (max-width:850px) {
#feature #logo img {
max-width:60%;
}

#feature #col-2 {
display:none;
}

#feature #col-3 {
float:none;
width:90%;
margin:0 5%;
text-align:center;
padding:20px 0;
}

#register-btns ul {
grid-template-columns: 1fr;
max-width:100%;
margin:20px 5% 0 5%;
grid-row-gap:20px;
}

#register-btns li a {
font-size:16px;
}

#buttons ul {
display:grid;
grid-template-columns: 1fr;
}

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

p.package-btn a {
padding:8px 28px;
display:block;
border-radius:50px;
}

#packages ul {
display:grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 20px;
grid-row-rap: 20px;
}

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


}