@media (min-width: 0px) and (max-width: 567px) {
	.logo {max-width: 130px; margin:20px 0 10px;}
	.title img {width:60vw;} section.head .sug {display: none;}
	.wrap-outer {width: 60vh; min-width: 200px; height: 60vh; min-height: 200px;}
	.out-wrap .carriage {font-size:0.5rem}
	.out-wrap .carriage:hover {font-size:0.8em}
	.sideLink {width: 25px; line-height: 15px; top:22%; opacity: 0.8; font-size: 13px}
	.sideLink:last-of-type {margin-top:75px;} .sideLink:hover {width: 35px; padding-left:15px;}
    .col {padding-left: 2rem; padding-right: 2rem}
    .row.sponsors {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 1rem;
    }
    .row.sponsors .col {
        padding: unset;
    }
    .sponsors img {
        height: 30px;
    }
    section.content h3 {font-size: 1.5rem}
}

@media (min-width: 568px) and (max-width: 736px) {
	.logo {max-width: 150px; margin:20px 0 10px;}
    section.head .sug {display: none;}
    .row.sponsors {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-row-gap: 1rem;
    }
}

@media (min-width: 737px) {
    .row.sponsors {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
        grid-row-gap: 1rem;
    }
}

@media (min-width: 768px) and (max-width: 1024px) and (min-height: 1024px) {
    .title img {width:42vw;}
    section.head .sug {display: none;}
}

@media (min-width: 1024px) and (max-width: 1280px) and (min-height: 1366px) {
    .title img {width:45vw;}
    .wrap-outer {width: 60vh; height: 60vh;}
}

@media (min-width: 1280px) and (max-width: 1366px) and (min-height: 769px) {
	.out-wrap .carriage {font-size:1em}
}

@media screen and (min-width: 1920px) {
    .title img {width:27vw;}
    .bar {width: 8px;}
    .out-wrap .carriage {font-size:1rem}
    .circle-ring {border: 1.1rem solid #ea545e; border}
    .circle-ring:before {border: 1.3rem solid #ef858c;}
}