Bowl Season Comparisons - Off the Field
In keeping with the spirit of friendly competition that (often) characterizes bowl season, I thought it would be fun to compare some off-the-field stats of Big Ten teams and their Bowl Season matchups. In the Rose Bowl, Michigan will meet Alabama.
.
University of Michigan
City Ann Arbor
State Michigan
Location Type City: Midsize
Percent Admitted 18
Full-time Undergraduates 31,693
4-year Graduation Rate 81
6-year Graduation Rate 94
Closest Airport Detroit Metropolitan
Percent Returning after 1st Year 97
Member Association of American Universities? Yes
University of Alabama
City Tuscaloosa
State Alabama
Location Type City: Small
Percent Admitted 80
Full-time Undergraduates 29,005
4-year Graduation Rate 55
6-year Graduation Rate 72
Closest Airport Birmingham-Shw. International
Percent Returning after 1st Year 89
Member Association of American Universities? No
University of Michigan
Top Majors (per Fiske Guide):
Screen Arts and Cultures, Engineering, Business, Architecture, Education, Pharmaceutical Sciences, Art and Design, Music
Michigan is honored to be listed in the Fiske Guide to Colleges. The Star Ratings below come from that guide.
Academic ⭐️⭐️⭐️⭐️⭐️
Social ⭐️⭐️⭐️
Quality of Life ⭐️⭐️⭐️
Expense ⭐️⭐️⭐️⭐️
University of Alabama
Top Majors (per Fiske Guide): Marketing, Management Information Systems, Communication Studies, Journalism, Food and Nutrition, Athletic Training, Metallurgical and Materials Engineering, Studio Art
Alabama is honored to be listed in the Fiske Guide to Colleges. The Star Ratings below come from that guide.
Academic ⭐️⭐️⭐️
Social ⭐️⭐️⭐️
Quality of Life ⭐️⭐️⭐️
Expense ⭐️⭐️
Jane Chamberlain
Jane Chamberlain, founder of Craft College Consulting, helps students earn admission to great-fit colleges and majors. She specializes in the Big Ten Conference colleges, among others.
#block-1703885104457 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1703885104457 .block { border: 4px black; border-radius: 4px; padding: 0px; padding: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { #block-1703885104457 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1703885104457 .block { padding: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } @media (max-width: 767px) { #block-1703885104457 { text-align: left; } } #block-1703885104457 .image__image { max-width: 25%; border-radius: 4px; } #block-1703885104457 .image__image { float: right; margin-left: 15px; margin-bottom: 10px; } #block-1703891430560 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1703891430560 .block { border: 4px black; border-radius: 4px; padding: 0px; padding: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { #block-1703891430560 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1703891430560 .block { padding: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } @media (max-width: 767px) { #block-1703891430560 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } #block-1703949196512 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1703949196512 .block { border: 1px solid #cccccc; border-radius: 4px; background-color: #ffffff; padding: 0px; padding: 0px; padding: 0px; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } @media (min-width: 768px) { #block-1703949196512 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1703949196512 .block { padding: 0px; padding: 0px; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } } @media (max-width: 767px) { #block-1703949196512 { text-align: center; } } #block-1703949196512 .feature__image, [data-slick-id="1703949196512"] .feature__image { width: 50px; border-radius: 0px; } #block-1703949196512 .c100 {float: none; margin: 0 auto;} @media only screen and (min-width: 768px) { #block-1703949196512 .revcirle, #block-1703949196512 .revtext {width: 100%;} #block-1703949196512 .revcirle {display: none;} } @media only screen and (max-width: 767px) { #block-1703949196512 .revcirle, #block-1703949196512 .revtext {width: 100%;} #block-1703949196512 .revcirle {display: none;} } #block-1703949196512 .revtext p {font-size: 14px; padding: 5px 5px 3px 5px; border-bottom: solid 1px #dddddd; margin-bottom: 0; text-align: left; } #block-1703949196512 .revtext span { float: right; } #block-1703949196512 .fill, #block-1703949196512 .bar { border-color: #0d494e; } .rect-auto { clip: rect(auto, auto, auto, auto); } .pie, .c100 .bar { position: absolute; border: 0.08em solid #0d494e; width: 0.84em; height: 0.84em; clip: rect(0em, 0.5em, 1em, 0em); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .pie-fill { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .c100.p75 .slice { clip: rect(auto, auto, auto, auto); } .c100.p75 .fill { position: absolute; border: 0.08em solid #0d494e; width: 0.84em; height: 0.84em; clip: rect(0em, 0.5em, 1em, 0em); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .c100.p75 .bar:after, .c100.p75 .fill { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } #block-1703949196512 .c100 { background-color: #cccccc; } .c100 { position: relative; width: 1em; height: 1em; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; // margin: 0 0.1em 0.1em 0; background-color: #cccccc; // float: left; } .c100 *, .c100 *:before, .c100 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #block-1703949196512 .c100 span { color: #0d494e; } .c100 span { position: absolute; width: 100%; z-index: 1; left: 0; top: 0; width: 5em; line-height: 5em; font-size: 0.2em; color: #cccccc; display: block; text-align: center; white-space: nowrap; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } #block-1703949196512 .c100:after { background-color: ; } .c100:after { position: absolute; top: 0.08em; left: 0.08em; display: block; content: " "; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-color: ; width: 0.84em; height: 0.84em; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; } .c100 .slice { position: absolute; width: 1em; height: 1em; clip: rect(0em, 1em, 1em, 0.5em); } .c100.p75 .bar { -webkit-transform: rotate(270.0deg); -moz-transform: rotate(270.0deg); -ms-transform: rotate(270.0deg); -o-transform: rotate(270.0deg); transform: rotate(270.0deg); } #block-1703949196512 .c100:hover { cursor: default; } #block-1703949196512 .c100:hover span { color: #0d494e; } #block-1703949196512 .c100:hover span { width: 3.33em; line-height: 3.33em; font-size: 0.3em; color: ; } #block-1703949196512 .c100:hover:after { top: 0.04em; left: 0.04em; width: 0.92em; height: 0.92em; } #block-1703950226880 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1703950226880 .block { border: 1px solid #cccccc; border-radius: 4px; background-color: #ffffff; padding: 0px; padding: 0px; padding: 0px; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } @media (min-width: 768px) { #block-1703950226880 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1703950226880 .block { padding: 0px; padding: 0px; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } } @media (max-width: 767px) { #block-1703950226880 { text-align: center; } } #block-1703950226880 .feature__image, [data-slick-id="1703950226880"] .feature__image { width: 50px; border-radius: 0px; } #block-1703950226880 .c100 {float: none; margin: 0 auto;} @media only screen and (min-width: 768px) { #block-1703950226880 .revcirle, #block-1703950226880 .revtext {width: 100%;} #block-1703950226880 .revcirle {display: none;} } @media only screen and (max-width: 767px) { #block-1703950226880 .revcirle, #block-1703950226880 .revtext {width: 100%;} #block-1703950226880 .revcirle {display: none;} } #block-1703950226880 .revtext p {font-size: 14px; padding: 5px 5px 3px 5px; border-bottom: solid 1px #dddddd; margin-bottom: 0; text-align: left; } #block-1703950226880 .revtext span { float: right; } #block-1703950226880 .fill, #block-1703950226880 .bar { border-color: #0d494e; } .rect-auto { clip: rect(auto, auto, auto, auto); } .pie, .c100 .bar { position: absolute; border: 0.08em solid #0d494e; width: 0.84em; height: 0.84em; clip: rect(0em, 0.5em, 1em, 0em); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .pie-fill { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .c100.p75 .slice { clip: rect(auto, auto, auto, auto); } .c100.p75 .fill { position: absolute; border: 0.08em solid #0d494e; width: 0.84em; height: 0.84em; clip: rect(0em, 0.5em, 1em, 0em); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .c100.p75 .bar:after, .c100.p75 .fill { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } #block-1703950226880 .c100 { background-color: #cccccc; } .c100 { position: relative; width: 1em; height: 1em; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; // margin: 0 0.1em 0.1em 0; background-color: #cccccc; // float: left; } .c100 *, .c100 *:before, .c100 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #block-1703950226880 .c100 span { color: #0d494e; } .c100 span { position: absolute; width: 100%; z-index: 1; left: 0; top: 0; width: 5em; line-height: 5em; font-size: 0.2em; color: #cccccc; display: block; text-align: center; white-space: nowrap; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } #block-1703950226880 .c100:after { background-color: ; } .c100:after { position: absolute; top: 0.08em; left: 0.08em; display: block; content: " "; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-color: ; width: 0.84em; height: 0.84em; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; } .c100 .slice { position: absolute; width: 1em; height: 1em; clip: rect(0em, 1em, 1em, 0.5em); } .c100.p75 .bar { -webkit-transform: rotate(270.0deg); -moz-transform: rotate(270.0deg); -ms-transform: rotate(270.0deg); -o-transform: rotate(270.0deg); transform: rotate(270.0deg); } #block-1703950226880 .c100:hover { cursor: default; } #block-1703950226880 .c100:hover span { color: #0d494e; } #block-1703950226880 .c100:hover span { width: 3.33em; line-height: 3.33em; font-size: 0.3em; color: ; } #block-1703950226880 .c100:hover:after { top: 0.04em; left: 0.04em; width: 0.92em; height: 0.92em; } #block-1703956642037 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1703956642037 .block { border: 1px solid #cccccc; border-radius: 4px; background-color: #ffffff; padding: 0px; padding: 0px; padding: 0px; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } @media (min-width: 768px) { #block-1703956642037 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1703956642037 .block { padding: 0px; padding: 0px; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } } @media (max-width: 767px) { #block-1703956642037 { text-align: center; } } #block-1703956642037 .btn, [data-slick-id="1703956642037"] .block .btn { color: #ffffff; border-color: #0d494e; border-radius: 50px; background-color: #0d494e; } #block-1703956642037 .btn--outline, [data-slick-id="1703956642037"] .block .btn--outline { background: transparent; color: #0d494e; } #block-1703956642037 .feature__image, [data-slick-id="1703956642037"] .feature__image { width: 50px; border-radius: 0px; } #block-1703956642037 .c100 {float: none; margin: 0 auto;} @media only screen and (min-width: 768px) { #block-1703956642037 .revcirle, #block-1703956642037 .revtext {width: 100%;} #block-1703956642037 .revcirle {height: 130px; margin-left: auto; margin-right: auto; font-size: 100px;} } @media only screen and (max-width: 767px) { #block-1703956642037 .revcirle, #block-1703956642037 .revtext {width: 100%;} #block-1703956642037 .revcirle {height: 130px; margin-left: auto; margin-right: auto; font-size: 100px;} } #block-1703956642037 .revtext p {font-size: 14px; padding: 5px 5px 3px 5px; border-bottom: solid 1px #dddddd; margin-bottom: 0; text-align: left; } #block-1703956642037 .revtext span { float: right; } #block-1703956642037 .fill, #block-1703956642037 .bar { border-color: #0d494e; } .rect-auto { clip: rect(auto, auto, auto, auto); } .pie, .c100 .bar { position: absolute; border: 0.08em solid #0d494e; width: 0.84em; height: 0.84em; clip: rect(0em, 0.5em, 1em, 0em); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .pie-fill { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .c100.p75 .slice { clip: rect(auto, auto, auto, auto); } .c100.p75 .fill { position: absolute; border: 0.08em solid #0d494e; width: 0.84em; height: 0.84em; clip: rect(0em, 0.5em, 1em, 0em); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .c100.p75 .bar:after, .c100.p75 .fill { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } #block-1703956642037 .c100 { background-color: #cccccc; } .c100 { position: relative; width: 1em; height: 1em; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; // margin: 0 0.1em 0.1em 0; background-color: #cccccc; // float: left; } .c100 *, .c100 *:before, .c100 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #block-1703956642037 .c100 span { color: #0d494e; } .c100 span { position: absolute; width: 100%; z-index: 1; left: 0; top: 0; width: 5em; line-height: 5em; font-size: 0.2em; color: #cccccc; display: block; text-align: center; white-space: nowrap; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } #block-1703956642037 .c100:after { background-color: ; } .c100:after { position: absolute; top: 0.08em; left: 0.08em; display: block; content: " "; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-color: ; width: 0.84em; height: 0.84em; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; } .c100 .slice { position: absolute; width: 1em; height: 1em; clip: rect(0em, 1em, 1em, 0.5em); } .c100.p75 .bar { -webkit-transform: rotate(270.0deg); -moz-transform: rotate(270.0deg); -ms-transform: rotate(270.0deg); -o-transform: rotate(270.0deg); transform: rotate(270.0deg); } #block-1703956642037 .c100:hover { cursor: default; } #block-1703956642037 .c100:hover span { color: #0d494e; } #block-1703956642037 .c100:hover span { width: 3.33em; line-height: 3.33em; font-size: 0.3em; color: ; } #block-1703956642037 .c100:hover:after { top: 0.04em; left: 0.04em; width: 0.92em; height: 0.92em; } #block-1703956651924 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1703956651924 .block { border: 1px solid #cccccc; border-radius: 4px; background-color: #ffffff; padding: 0px; padding: 0px; padding: 0px; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } @media (min-width: 768px) { #block-1703956651924 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1703956651924 .block { padding: 0px; padding: 0px; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } } @media (max-width: 767px) { #block-1703956651924 { text-align: center; } } #block-1703956651924 .btn, [data-slick-id="1703956651924"] .block .btn { color: #ffffff; border-color: #0d494e; border-radius: 50px; background-color: #0d494e; } #block-1703956651924 .btn--outline, [data-slick-id="1703956651924"] .block .btn--outline { background: transparent; color: #0d494e; } #block-1703956651924 .feature__image, [data-slick-id="1703956651924"] .feature__image { width: 50px; border-radius: 0px; } #block-1703956651924 .c100 {float: none; margin: 0 auto;} @media only screen and (min-width: 768px) { #block-1703956651924 .revcirle, #block-1703956651924 .revtext {width: 100%;} #block-1703956651924 .revcirle {height: 130px; margin-left: auto; margin-right: auto; font-size: 100px;} } @media only screen and (max-width: 767px) { #block-1703956651924 .revcirle, #block-1703956651924 .revtext {width: 100%;} #block-1703956651924 .revcirle {height: 130px; margin-left: auto; margin-right: auto; font-size: 100px;} } #block-1703956651924 .revtext p {font-size: 14px; padding: 5px 5px 3px 5px; border-bottom: solid 1px #dddddd; margin-bottom: 0; text-align: left; } #block-1703956651924 .revtext span { float: right; } #block-1703956651924 .fill, #block-1703956651924 .bar { border-color: #0d494e; } .rect-auto { clip: rect(auto, auto, auto, auto); } .pie, .c100 .bar { position: absolute; border: 0.08em solid #0d494e; width: 0.84em; height: 0.84em; clip: rect(0em, 0.5em, 1em, 0em); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .pie-fill { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .c100.p55 .slice { clip: rect(auto, auto, auto, auto); } .c100.p55 .fill { position: absolute; border: 0.08em solid #0d494e; width: 0.84em; height: 0.84em; clip: rect(0em, 0.5em, 1em, 0em); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .c100.p55 .bar:after, .c100.p55 .fill { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } #block-1703956651924 .c100 { background-color: #cccccc; } .c100 { position: relative; width: 1em; height: 1em; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; // margin: 0 0.1em 0.1em 0; background-color: #cccccc; // float: left; } .c100 *, .c100 *:before, .c100 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #block-1703956651924 .c100 span { color: #0d494e; } .c100 span { position: absolute; width: 100%; z-index: 1; left: 0; top: 0; width: 5em; line-height: 5em; font-size: 0.2em; color: #cccccc; display: block; text-align: center; white-space: nowrap; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } #block-1703956651924 .c100:after { background-color: ; } .c100:after { position: absolute; top: 0.08em; left: 0.08em; display: block; content: " "; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-color: ; width: 0.84em; height: 0.84em; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; } .c100 .slice { position: absolute; width: 1em; height: 1em; clip: rect(0em, 1em, 1em, 0.5em); } .c100.p55 .bar { -webkit-transform: rotate(198.0deg); -moz-transform: rotate(198.0deg); -ms-transform: rotate(198.0deg); -o-transform: rotate(198.0deg); transform: rotate(198.0deg); } #block-1703956651924 .c100:hover { cursor: default; } #block-1703956651924 .c100:hover span { color: #0d494e; } #block-1703956651924 .c100:hover span { width: 3.33em; line-height: 3.33em; font-size: 0.3em; color: ; } #block-1703956651924 .c100:hover:after { top: 0.04em; left: 0.04em; width: 0.92em; height: 0.92em; } #block-1696522456141 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1696522456141 .block { border: 1px solid #ECF0F1; border-radius: 10px; padding: 0px; padding: 0px; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } @media (min-width: 768px) { #block-1696522456141 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1696522456141 .block { padding: 0px; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } } @media (max-width: 767px) { #block-1696522456141 { text-align: center; } } #block-1696522456141 .feature__image, [data-slick-id="1696522456141"] .feature__image { width: 100px; border-radius: 100px; } .authorfeature { display: flex; align-items: flex-start; position: relative; } .authorfeature__image-container { flex-shrink: 0; margin-right: 20px; } .authorfeature__image { max-width: 150px; height: auto; } .authorfeature__content { flex-grow: 1; } @media (max-width: 767px) { #block-1696522456141 .authorfeature { flex-direction: column; align-items: center; } #block-1696522456141 .authorfeature__image-container { margin-right: 0; } }