.wysiwyg-content .col-auto {
    max-width: 800px;
    margin: 0 auto;
    color: #111;
    font: 1.125rem 'Milo', sans-serif;
    line-height: 1.5;
    }
        
.wysiwyg-content .col-auto img {
    border-radius:8px;
    }
    
.jssocials-shares {
    text-align:left !important;
    }  

div.pull-right {
    width: 100%;
    }
    
    
    
    
@media screen and (max-width: 767px){
    
div.pull-right {
    width: 100%;
    margin:0 !important;
    float:none !important;
    }
}
    
    
    
    
div.pull-right p {
    margin-top:0;
    }
    
div.pull-right img {
    width:100% !important;
    }    
    
    
#sidebar {
    width:100%;
    }
    
#sidebar h4 {
    font-family: 'Milo', sans-serif;
    border-bottom: 1px dotted #CBCBCB;
    border-bottom: 1px dotted rgba(0,0,0,.2);
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.125em;
    line-height: 21px;
    margin: 0 0 12px;
    padding: 0 0 12px;
    text-transform: uppercase;
    }


    

.caption, div.pull-right .caption {
    color: #666;
    font-style: italic;
    font-size:1rem;
    margin-top: -.75rem;
    }
        
img.pull-right {
        width: 30%;
        margin-right:0;
    }

    .page-header h1:before {
        display:none;
        }
        
    .page-header h1 {
        font-size: 3rem;

    }

    .pull-left {
        width: 100%;
        margin-left: 0;
        display:block;
        color:#666;
        font-size:1rem;
    }
    
.value {
    display: block;
    font-size: 50px;
    color: #333;
    line-height: 1.25em;
	font-family: 'League Gothic';
    }


@media screen and (min-width: 768px){
    
    .page-section {
        overflow:visible;
    }
    
    #share {
        margin-top: -5rem;
        position: relative;
        z-index: 10;
        }
        
    .jssocials-shares {
        text-align:center !important;
    }    
    
    .cover-photo::before {
        content: "";
        display: block;
        background-color: #000;
        opacity: .7;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        }
    
    .cover-photo .caption-wrapper {
        bottom:0;
    }

    .page-header h1 {
        background:none;
        display:block;
        max-width:1040px;
        margin:0 auto 3.375rem auto;
        text-align:center;
        font-family: "Crimson", serif;
        text-transform:none;
        font-weight: 100;
        font-size: 2.5rem;
        color: #FFF;
    }
    
    #sidebar {
        width: 30%;
        margin-right:0;
    }
   
    div.pull-right {
    width: 30%;
    margin-right:0;
    }
    
    
}


@media screen and (min-width: 800px){

    .page-header h1 {
        font-size: 3rem;
    }

    
    
}


@media screen and (min-width: 1000px){
    
    div.pull-right, #sidebar {
        width: 40%;
        margin-right: -10%;
    }
    
    img.pull-right {
        width: 40%;
        margin-right:-10%;
        border-radius:8px;
    }
    
    
}


@media screen and (min-width: 1100px){

    .pull-left {
        width: 15%;
        margin-left: calc(-15% - 29px);
        }
        
}



@media screen and (min-width: 1300px){
    
    div.pull-right, #sidebar {
        width: 40%;
        margin-right: -30%;
    }
    
    img.pull-right {
        width: 40%;
        margin-right:-30%;
        border-radius:8px;
    }
    
        .pull-left {
        width: 30%;
        margin-left: calc(-30% - 29px);
    }
}


@media screen and (min-width: 1400px){
    
    .page-header h1 {
        font-size: 4rem;
        margin:0 auto 6.75rem auto;
    }
    
}