.boxes
{ 
    margin-top:1.4em;
    margin-bottom:1.4em;
    display:flex;
    }
    

.boxes p
{
    background-color: #ffffff;
    min-height:5em;
    padding:0.8em;
    margin-right:1em;
    margin-bottom:1em;

    display:block;
    }     
    
.boxes section p:nth-child(3)
{
    margin-right:0em;

    }    
    
.boxes p.boxZero
{    
    flex:0 1 auto;
    width:30%;   

    }
    
.boxes section   
{
    flex:0 1 auto;
    width:70%; 
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:flex-start;

    }
    
.boxOne, .boxTwo, .boxThree, .boxFour, .boxFive
{
    width:31%;   

    }

.boxes section p::first-letter {

  font-size: 300%;
  line-height: 1;
  float: left;
  padding-right: .125em;
  color:#ecd4e4;
  font-family:openSans-Bold;

}

@media (max-width: 768px)  
 {
     .boxes
     {
         flex-direction:column;
         }
         
     .boxes p.boxZero, .boxes section, .boxes section p 
     {

         width:100%;
         margin-right:0px;
         }   
         
.boxes section p:nth-child(3)
{


    }      

  }

.articlePanel header{
    display: flex;
    align-items: center;
}

@media (max-width: 780px) {
    .articlePanel header {
        align-items: flex-start;
        flex-direction: column;
    }
} 

.articlePanel header h2{
    
    margin: 0;
}

@media (max-width: 780px) {
    .articlePanel header h2 {
        margin-bottom: 20px;
    }
} 

a.buttonBack {
    display: block;
    width: 40px;
    height: 40px;
    background: rgba(179, 80, 101, 1.0);
    background-image: url("../../../Pix/Layout/ButtonIconBack.svg");
    background-repeat: no-repeat;
    background-position: center;
    font-family: openSans-Bold;
    font-size: 1.0em;
    text-decoration: none;
    text-transform: uppercase;
    margin-right: 20px;
}

@media (max-width: 780px) {
    a.buttonBack {
        margin-bottom: 30px;
    }
} 

a.buttonBack:hover {
    background: #363636;
        
    background-image: url("../../../Pix/Layout/ButtonIconBack.svg");
}


.speechSection{
    padding-left: 10%;
    padding-right: 10%;
}

@media (max-width: 860px) {
    .speechSection {
        
        padding-left: 3%;
        padding-right: 3%;
    }
}

.speechSection .articlePanel{
    width: 100%;
    margin: 0px;
}