.exergue { 
	box-sizing: border-box;
	display: block;
	width: 40%;
    padding: 2.5em 5.5555%;
    margin: 0;
    font-size: 1.8em;
    line-height: 140%;
    -moz-hyphens: none;
    -webkit-hyphens: none;
    hyphens: none;
    text-align: left;
    position: relative;
    font-style: normal;
    color:black;	
}
@media (max-width: 1024px) {
    .exergue { 
        box-sizing: border-box;
        display: block;
        width: 100%!important;
        padding: 2.5em 5.5555%;
        margin: 0;
        font-size: 1.8em;
        line-height: 140%;
        -moz-hyphens: none;
        -webkit-hyphens: none;
        hyphens: none;
        text-align: center;
        position: relative;
        font-style: normal;
        color:black;	
    }
    .exergue.float-left, .exergue.float-right { 
        width: 40%;
    }
    .exergue p{
        color:#8b8b8f!important;
        font-size:26px!important;
        line-height:1 !important;
        font-style:italic!important;
        font-family:"Source Sans 3"!important;
        font-weight:800!important;
        margin-bottom:20px!important;
        text-align: center!important;
    }
}
.exergue p{
    color:#8b8b8f!important;
    font-size:28px!important;
    line-height:1 !important;
    font-style:italic!important;
    font-family:"Source Sans 3"!important;
    font-weight:800!important;
    margin-bottom:20px!important;
    text-align: left;
}
.exergue.float-left, .exergue.float-right { 
	width: 40%;
}

.exergue:after, .exergue:before {
    position: absolute;
    display: block;
    font-size: 4em;
    width: 88.8888%;
    opacity: 0.3;
    line-height: 0.25em;
}
.exergue:before {
    content: "“";
	top: .5em;
	text-align: center;
}

.exergue:after {
    content: "”";
    bottom: 0.20em;
    text-align: center;
}

.exergue.float-left:before, .exergue.float-right:before {
    left: 2.2222%;
	text-align: left;
}

.exergue.float-left:after, .exergue.float-right:after {
    right: 2.2222%;
    text-align: right;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}