/* GRA310 - Digital Graphic Design for Web - SNHU Style Sheet - Reviews Author: Claudia Lindsay Date: 02/08/2017 Filename: style_sheet_reviews_CLindsay.css*/ /* #############################REVIEWS########################### */ @import url(https://fonts.googleapis.com/css?family=Muli); h3{ font-family: 'Dancing Script', cursive; font-size: 3em; color: #8a8c8f; width: 100%; } figure.review_page { font-family: 'Muli', Arial, sans-serif; position: relative; float: left; overflow: hidden; margin: 10px 1%; min-width: 220px; max-width: 310px; width: 100%; color: #8a8c8f; text-align: left; box-shadow: none !important; } figure.review_page img { max-width: 100%; height: 100px; width: 100px; border-radius: 50%; margin: 0 auto; display: block; z-index: 1; position: relative; } figure.review_page blockquote { margin: 0; display: block; position: relative; background-color: #141414; padding: 65px 50px 30px 50px; font-size: 1.09em; font-weight: 500; margin: -50px 0 0; line-height: 1.6em; box-shadow: none !important; } figure.review_page blockquote:before, figure.review_page blockquote:after { font-family: 'FontAwesome'; content: "\201C"; position: absolute; font-size: 50px; opacity: 0.3; font-style: normal; } figure.review_page blockquote:before { top: 70px; left: 20px; } figure.review_page blockquote:after { content: "\201D"; right: 20px; bottom: 0; } figure.review_page .author { padding: 15px; margin: 0; text-transform: uppercase; color: #8a8c8f; text-align: center; } figure.review_page .author h5 { opacity: 0.8; margin: 0; font-weight: 800; } figure.review_page .author h5 span { font-weight: 400; text-transform: none; display: block; } #middle { padding-left: 20%; } @media screen and (max-width: 660px) { #middle { padding-left: 2%; } }