.page_h1 {
    display:block;
    font-size:50px;
    color:#999999; 
    font-weight:100; 
    font-family: helvetica; 
    text-transform:uppercase;
    text-align:center;
    padding-top:70px;
    width: 100%;
}

.author-quote-block {
    clear:both;
   
    
}

.author-quote-block-content {
    display:flex;
    flex-flow:row wrap;
    justify-content:space-between;
    align-items:stretch;
    padding:0px 30px;
    width:1200px;
    max-width:100%;
    margin:0 auto;
    background:#f5f5f5 url(/img/grey_bg4.jpg) no-repeat center center;
    background-size: cover;
}

.author-quote-block-text {
    flex:1;
    padding:30px 0;
    min-width:400px;
}

.author-quote-block-text p {
    font-weight:500;
    font-style:italic;
    font-size:18px;
    display:block;
}

.author-quote-block-img {
    position:relative;
    width:100%;
    max-width:260px;
}

.author-quote-block-img img {
    position:absolute;
    bottom:0;
    right:0;
    display:block;
    
}

@media screen and (max-width:1023px) {
    
    .page_h1 {
        font-size:30px;   
        padding-top:35px;
    }
    
    
    .section {
        overflow-x:hidden;
    }
    
}

@media screen and (max-width:767px) {
    
      .author-quote-block-text {
        order:2;  
        min-width: 0px;
        width: 100%;
        flex: initial;
        background:#f5f5f5;   
        padding:20px 30px;
    }
    
    .author-quote-block-img {
        order:1;
        margin-bottom:0px;
        width: 100%;
        max-width: initial;
        
    }
    
    .author-quote-block-img img {
        position:static;
        margin:0 auto;
        display:block;
        
    }
    
    .author-quote-block {
     padding-top:10px;   
     background:transparent;
    }
    
    .author-quote-block-content {
     background:transparent;
     padding:0;
    }
        
}

@media screen and (max-width:580px) {
    
     .author-quote-block-img img {
          max-width:200px;   
     }
    
}