/* GRA310 - Digital Graphic Design for Web - SNHU Style Sheet - Our Vision Author: Claudia Lindsay Date: 01/10/2017 Filename: style_sheet_our_vision_CLindsay.css*/ /* #############################OUR VISION########################### */ @import url(https://fonts.googleapis.com/css?family=Muli); h3{ font-family: 'Dancing Script', cursive; font-size: 3em; color: #8a8c8f; width: 100%; } .vision { font-family: 'Muli', Arial, sans-serif; position: relative; float: left; overflow: hidden; margin: 1%; min-width: 230px; max-width: 315px; width: 100%; color: #8a8c8f; text-align: left; line-height: 1.4em; background-color: #060000; } .vision img { max-width: 100%; vertical-align: top; opacity: 0.85; } .vision figcaption { width: 100%; background-color: #141414; padding: 0 25px 25px 30px; position: relative; } .vision figcaption:before { position: absolute; content: ''; bottom: 100%; left: 0; width: 0; height: 0; border-style: solid; border-width: 55px 0 0 400px; border-color: transparent transparent transparent #141414; } .vision h2 { margin: 0 0 10px; font-weight: 500; font-size: 1.5em; line-height: 1.2em; } .vision p { margin: 0 0 10px; font-size: 1.09em; letter-spacing: 1px; } #middle { margin-left: 20%; }