/* color palette 
   #f79521   Parish (Cyan blue)
*/

html
{
   background-color: #B3B6B9;
}

h2, .h2 {
    font-size: 1.5em;
    line-height: 1em;
}


#mainHeadline h1, #mainHeadline .h1
{
  font-size: 3em;
}

@media screen and (max-width: 550px)
{

  #navigation, #navigation > ul {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -moz-align-content: center;
    -webkit-align-content: center;
    align-content: center;
}

#navigation > ul {
    -ms-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
}
#navigation, #navigation > ul {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -moz-align-content: center;
    -webkit-align-content: center;
    align-content: center;
}
}

#splash
{
   display: none;
   background-color: black;
   opacity: 1;
}

#logo
{
   -ms-box-orient:            horizontal;
  -ms-flex-direction:         row;
  -webkit-flex-direction:     row;
  -moz-flex-direction:        row;
   flex-direction:            row;
   
  -ms-flex-wrap:              nowrap;
  -webkit-flex-wrap:          nowrap;
  -moz-flex-wrap:             nowrap;
  flex-wrap:                  nowrap;
  
  -webkit-justify-content:    flex-start;
  -moz-justify-content:       flex-start;
  justify-content:            space-between;
  
  -moz-align-items:           flex-start;
  -webkit-align-items:        flex-start;
  align-items:                flex-start;
  
  -moz-align-content:         flex-start;
  -webkit-align-content:      flex-start;
  align-content:              flex-start;
}

#logo > div > a
{
  display: inline-block;
}

#logo > div:first-of-type
{
  -moz-flex-basis:            70px;
  -webkit-flex-basis:         70px;
    flex-basis: 70px;
    display: inline-block;
        margin-left: 10px;
}

#logo > div:last-of-type
{
  -moz-flex-basis:            195px;
  -webkit-flex-basis:         195px;
    flex-basis: 195px;
    max-width: 195px;
    margin-left: 15px;
    margin-top: 20px;
}

#logo > div > a > img {
    max-width: 70px;
    width: 100%;
}

#logotitle
{
    font-family: Lora,'alegreya sans sc', Serif;
    font-size: 1.1em;
    line-height: 1em;
    position: relative;
    top: -15px;
    display: inline-block;
    font-weight: 700;
}

main
{
   padding: 0;
}

#mainHeadline
{
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 1em;
}

#flexMainHeadline
{
   padding-bottom: 0;
   margin-bottom: 0;
}

.insideImg
{
    width: 100%;
    margin:10px 0;
    text-align:center;
}

.insideImg img
{
    max-width: 100%;
    width: auto;
}

#infobarcontainer
{
  margin-top: -2px;
  z-index:1;
}


#navigation li
{
    color: white;
    font-family: 'alegreya sans sc';
}

.overtitle
{
    color: #d6a03a;
}

@media screen and (min-width: 800px)
{
    article > div.p.columns
    {
        -webkit-column-rule-color:  #15569F;
       -moz-column-rule-color:  #15569F;
       column-rule-color:  #15569F;
    }
    
    article > div.p.columns > p:first-of-type::first-line
    {
        color: #15569F;
    }
}

h5.more {
    margin-left: 10px;
    margin-right: 10px;
}

#urgent
{
   background-color: #ffc073;
}



#navigation ul
{
    background-color:     #15569F;
}

#navigation li
{
   border:       1px solid #15569F;
}

#googlesearch input
{
   border:       1px solid #15569F;
  color:        #15569F;
}

.infobar, section
{
  background-color: #ffc073;
}

#infobarcontainer > div
{
  border-bottom: 3px dotted #15569F;
}

#midsection > div
{
  border-bottom: 0px dotted #15569F;
}


.infobar div.section
{
   color:            #15569F;
}

footer
{
  background-color: #15569F;
}

.parish h4.section
{
  border-color:     #15569F;
  background-color: #15569F;
}

.infobar  h3
{
    background-color:      #15569F;
    border:                4px solid #15569F;
}

footer > div > h3 {
    color: white;
    padding-bottom: 10px;
    border-bottom: 1px dotted #d6a03a;
}

#mainSummary
{
   color: #3A3A3A;
}

#subscribeflex
{

    -webkit-flex-grow:     1;
    -ms-flex-grow:         1;
    -moz-flex-grow:        1;
    flex-grow:             1;

    -webkit-flex-shrink:   1;
    -ms-flex-shrink:       1;
    -moz-flex-shrink:      1;
    flex-shrink:           1;

  display: -webkit-box;  
  display: -moz-box;     
  display: -ms-flexbox;  
  display: -webkit-flex; 
  display: flex;         

   -ms-box-orient:            horizontal;
  -ms-flex-direction:         row;
  -webkit-flex-direction:     row;
  -moz-flex-direction:        row;
   flex-direction:            row;
   
  -ms-flex-wrap:              wrap;
  -webkit-flex-wrap:          wrap;
  -moz-flex-wrap:             wrap;
  flex-wrap:                  wrap;
  
  -webkit-justify-content:    stretch;
  -moz-justify-content:       stretch;
  justify-content:            stretch;
  
  -moz-align-items:           flex-start;
  -webkit-align-items:        flex-start;
  align-items:                flex-start;
  
  -moz-align-content:         flex-end;
  -webkit-align-content:      flex-end;
  align-content:              flex-end;

}
#subscribeflex > fieldset > label
{
    font-size: 0.8em;
    line-height: 0.8em;
    font-weight: bold;
    color: grey;
}

#subscribenewsletter select, #subscribenewsletter input 
{
    color: black;
    background-color: #f79521;
    border: 1px solid #15569F;
    width: calc(100% - 0.6em - 2px);
}


#subscribeflex > fieldset
{

  -moz-flex-basis:            45%;
  -webkit-flex-basis:         45%;
  flex-basis:                 45%;   
  -moz-border-box:            border-box;
  -webkit-border-box :        border-box;
  border-box:                 border-box;
  display: inline-block;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-before: 0em;
    -webkit-padding-start: 0em;
    -webkit-padding-end: 0em;
    -webkit-padding-after: 0em;
    border: 0px;
    -webkit-flex-grow:     1;
    -ms-flex-grow:         1;
    -moz-flex-grow:        1;
    flex-grow:             1;
    
}

#infobarcontainer h3, #midsection h3 {
    margin-bottom: 1.2em;
}

#subscribenewsletter select, #subscribenewsletter input 
{
    color: black;
    background-color: #c9d4f3;
    border: 1px solid #15569F;
}

#subscribenewsletter  ::-webkit-input-placeholder 
{
    color:    grey;
    opacity:  0.5;
}

#subscribenewsletter :-moz-placeholder 
{
   color:    grey;
   opacity:  0.5;
}

#subscribenewsletter ::-moz-placeholder 
{
   color:    grey;
   opacity:  0.5;
}

#subscribenewsletter :-ms-input-placeholder 
{
   color:    grey;
   opacity:  0.5;
}

#urgenttext strong
{
   color: #15569F;    
}

.smallsummary
{
   font-size: 0.9em;
   line-height: 1em;
}

#flexMainHeadline
{
  border-bottom:              10px solid #15569F;
}

#mainSummary
{
  color:        ##565656;
}

#mainPicture
{
  margin-bottom: -3px;
}

.infobar
{
   background-color: #77a5f8;
}

.infobar > h3, 
.infobar > div > h3, 
section > div > h3 
{
    color: white;
}
p.imageCaption
{
  color:        #15569F;  
}

#otherTitles
{
   margin-top: 0px;
}

.smallsummary
{
  color:         #B70C0A;
}

.facebook-wrapper, .p, .section, .h1, .h2, .subtitle, .overtitle, .byline, .h3, .h4
{
    margin-left: 10px;
    margin-right: 10px;
}


.minorTitleNoImageSeparation {
    flex-basis: 45% !IMPORTANT;
}

.all-articles {
   max-width: auto !IMPORTANT; 
}


.all-articles:last-of-type {
    max-width: 100% !IMPORTANT;
}

.section
{  
  background-color: #15569F;
  border: 4px solid #15569F;
  margin-top: 10px;
}

.solemn
{
   -webkit-column-count: 1 !IMPORTANT;
   -moz-column-count: 1 !IMPORTANT;
   column-count: 1 !IMPORTANT;
   max-width: 600px;
   margin: 10px auto 30px auto;
}

@media screen and (max-width:600px) {
.solemn
{
   -webkit-column-count: 1 !IMPORTANT;
   -moz-column-count: 1 !IMPORTANT;
   column-count: 1 !IMPORTANT;
    margin: 10px 10px 30px 10px;
}
}

.sectionImgLabel
{
  background-color: #15569F;
  border:           4px solid #15569F;
}

.subtitle
{
   color:          #15569F;
}

.authoremail
{
  color:        #15569F;
}

#infobarcontainer > div > h4 ~ div:not(:last-of-type):not(.imageInMinorTitle),
#midsection > div > h4 ~ div:not(:last-of-type):not(.imageInMinorTitle)
{
   border-bottom:  1px dotted #15569F;
}

h5.more
{
  border-bottom: 1px dotted #15569F;
}

.morearticles
{
  color:         #15569F;  
}

.highlight
{
  border-color:  #15569F;
}

.moreReadings
{
   background-color:      #15569F;
   border:                4px solid #15569F;;
}

 .fullcalendar, .linkbutton
 {
   background-color: #15569F;
 }

.calendarTime
{
    color:            #15569F;
}

#calendarSelectForm input[type="date"]
{
  color:                 #15569F;
  border: 1px solid     #15569F;
}

input[type="button"]
{
  color:        #15569F;
  border: 1px solid #15569F;
}
.log
{
   border: 1px solid #15569F;
}

.admin li
{
  border: 1px solid #15569F;
}

h3.admin
{
   border-top: 3px solid #15569F;
}

h3.admin:first-of-type
{
   border-top: 0px solid #15569F;
}


.admin li:hover
{
  background-color: #15569F;
}

#collectionentry select,
#collectionentry input,
#registration  input,
#registration select,
#ff_registration  input,
#ff_payment input,
#ff_payment select
{
   color:    #15569F;
   border: 1px solid #15569F;
  color: #15569F;
  border: 1px solid #15569F;
}

#collectionentry fieldset,
#registration fieldset,
#ff_registration fieldset,
#ff_payment fieldset
{
   border: 2px solid #15569F;
}

#collectionentry legend,
#registration legend,
#ff_registration legend,
#ff_payment legend
{
  color: #15569F;
  border: 2px solid #15569F;
}

#registration input[type=range]::-webkit-slider-runnable-track,
#ff_registration input[type=range]::-webkit-slider-runnable-track {
  background: #15569F;
}

#registration input[type=range]:focus::-webkit-slider-runnable-track,
#ff_registration input[type=range]:focus::-webkit-slider-runnable-track {
  background: #15569F;
}

#registration input[type=range]::-moz-range-track,
#ff_registration input[type=range]::-moz-range-track {
  background: #15569F;
}

#registration input[type=range]::-ms-track,
#ff_registration input[type=range]::-ms-track {
  border-color: #15569F;
}

#registration input[type=range]::-ms-fill-upper,
#ff_registration input[type=range]::-ms-fill-upper {
  background: #15569F;
}

#registration input[type=range]:focus::-ms-fill-upper,
#ff_registration input[type=range]:focus::-ms-fill-upper {
  background: #15569F;
}

div.centerButton input.startButton
{
   color:    #15569F;
   border: 1px solid #15569F;
  color: #15569F;
  border: 1px solid #15569F;
}

#bulletin a:last-of-type
{
   color: #15569F;
}

th
{
    background-color: #15569F;
}

#directory > div
{
  color:            #15569F;
  border: 1px solid #15569F;
}

#directory > div > div > span:nth-of-type(2)
{
  color:     #15569F;
}

#directory > div > div > span:nth-of-type(3)
{
  color:       #15569F;
}


#journeyoffaith
{
  display: -webkit-box;  
  display: -moz-box;     
  display: -ms-flexbox;  
  display: -webkit-flex; 
  display: flex;         

   -ms-box-orient:            horizontal;
  -ms-flex-direction:         row;
  -webkit-flex-direction:     row;
  -moz-flex-direction:        row;
   flex-direction:            row;
   
  -ms-flex-wrap:              wrap;
  -webkit-flex-wrap:          wrap;
  -moz-flex-wrap:             wrap;
  flex-wrap:                  wrap;
  
  -webkit-justify-content:    space-between;
  -moz-justify-content:       space-between;
  justify-content:            space-between;
  
  -moz-align-items:           stretch;
  -webkit-align-items:        stretch;
  align-items:                stretch;
  
  -moz-align-content:         stretch;
  -webkit-align-content:      stretch;
  align-content:              stretch;
  
  width:          100%;
  padding-bottom: 2em;
}

#journeyoffaith > div
{
  color:        #15569F;
 }


#journeyoffaith > div > div
{

  color:         #15569F;
}


.liturgies > div > h3 
{
  color:     #15569F;
}

.liturgies > div > div > span:nth-of-type(1)
{
  color:       #15569F;
}

.liturgies > div > div > span:only-of-type
{
  color:       #15569F;
}

.GoogleSearchresultsTitle > b
{
    color:          #15569F;
}

.googleResultTitle
{
    color: #15569F;
}

@media screen and (max-width:600px) {

 .massinmassbook:first-of-type
 {
  background-color: #15569F;
 }
}

@media screen and (max-width:700px) {
  
  #navigation li
  {
     border: 0px solid #15569F;
  }
}

@media screen and (max-width:600px) {

  div.otherHeadline
  {
     border-bottom: 1px dotted #f79521 ;
  }
}

html
{
  font-family:      'Alegreya Sans',Sans Serif;
}

footer > div.multicolumn
{
   -webkit-column-rule-color:  #0b0300;
  -moz-column-rule-color:  #0b0300;
  column-rule-color:  #0b0300;
}


footer > div > div > span:nth-of-type(2)
{
   color:         #0b0300;
}


footer > div > div > span:only-of-type
{
   color:          #0b0300;    
}


footer > div > ul >li
{
  color:                   #abe1fa;
  font-weight:             400;
}

footer > div > ul >li:hover
{
  color:                  white ;
}


#calendarSelectForm input[type="date"]
{
  background-color:     #0b0300;
}

input[type="button"]
{
  background-color: #0b0300;
}

div.otherHeadline 
{
  background-color: #DDDDDD;
}

#urgent
{
  display: none;
}


#relatedPages
{
   margin-left: 10px;
   margin-right: 10px;
   
       display: -webkit-box;
       display: -moz-box;
       display: -ms-flexbox;
       display: -webkit-flex;
       display: flex;
       -ms-box-orient: horizontal;
       -ms-flex-direction: row;
       -webkit-flex-direction: row;
       -moz-flex-direction: row;
       flex-direction: row;
       -ms-flex-wrap: wrap;
       -webkit-flex-wrap: wrap;
       -moz-flex-wrap: wrap;
       flex-wrap: wrap;
       -webkit-justify-content: space-between;
       -moz-justify-content: space-between;
       justify-content: space-between;
       -moz-align-items: flex-start;
       -webkit-align-items: flex-start;
       align-items: flex-start;
       -moz-align-content: flex-end;
       -webkit-align-content: flex-end;
    align-content: flex-end;
}

#relatedPages p
{
    font-size: 1em;
    line-height: 1.2em;
    font-weight: normal;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    margin-bottom: 0em;
    font-style: italic;
    padding: 0px 10px 0 10px;
}

.relatedPagesWithPhoto,
.relatedPagesWithoutPhoto
{
    -moz-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-box-orient: horizontal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -moz-align-items: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -moz-align-content: flex-end;
    -webkit-align-content: flex-end;
    align-content: flex-end;
}

.relatedPageWithPhoto,
.relatedPageWithoutPhoto
{
    -moz-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    -moz-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 2;
    -ms-flex-shrink: 2;
    -moz-flex-shrink: 2;
    flex-shrink: 2;
    padding:            10px;
    -moz-flex-basis:    100%;
    -webkit-flex-basis: 100%;
    flex-basis:         100%;
    padding-bottom:     10px;
    border-bottom:          2px dotted #15569F;
    margin-bottom:          10px;
    display:                -webkit-box;
    display:                -moz-box;
    display:                -ms-flexbox;
    display:                -webkit-flex;
    display:                flex;
    -ms-box-orient:         horizontal;
    -ms-flex-direction:     row;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    -moz-align-items: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -moz-align-content: flex-end;
    -webkit-align-content: flex-end;
    align-content: flex-end;
 }


.relatedPageWithoutPhoto h2, 
.relatedPageWithPhoto h2, 
.relatedPageWithoutPhoto h3,
.relatedPageWithoutPhoto h2
{
    display: inline-flex;
    -webkit-flex-grow: 5;
    -ms-flex-grow: 5;
    -moz-flex-grow: 5;
    flex-grow: 5;
    font-weight: bold;
    color: black;
    font-size: 18px;
    line-height: 19px;
    font-family: 'alegreya sans sc', 'sans serif';
    padding: 0 10px;
    margin: 0;
}


div.relatedPageWithPhoto > div:first-of-type 
{
    -webkit-flex-grow: 0;
    -ms-flex-grow: 0;
    -moz-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-shrink: 0;
    -moz-flex-shrink: 0;
    flex-shrink: 0;
    -moz-flex-basis: 100px;
    -webkit-flex-basis: 100px;
    flex-basis: 100px;
    max-width: 100px;
 }

.relatedPageWithPhoto img
{
    max-width: 100%;
}


h5.more
{
   width: auto;
}


.staff
{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-box-orient: horizontal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
   -webkit-justify-content: space-around;
   -moz-justify-content: space-around;
    justify-content: space-around;
    -moz-align-items: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    -moz-align-content: stretch;
    -webkit-align-content: stretch;
    align-content: stretch;
    -webkit-flex-grow: 3;
    -ms-flex-grow: 3;
    -moz-flex-grow: 3;
    flex-grow: 3;
    -webkit-flex-shrink: 1;
    -ms-flex-shrink: 1;
    -moz-flex-shrink: 1;
    flex-shrink: 1;
    
}

.staff-person
{
    padding:30px;
    background-color: #FBF7E8;
    margin-bottom: 20px;
    max-width: 300px;
    min-width: 250px;
}

.staff-person > div
{
    text-align: center;
    margin-bottom: 10px;
}

.staff-person h3,
.staff-person h4,
.staff-person h5
{
   text-align: center;
   width: 100%;
}

.staff-person h3
{
   font-size: 15px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    color: black;
    line-height: 14px;
}

.staff-person a {
    text-align: center;
    display: block;
}

@media screen and (max-width:350px) {
.staff-person {
    min-width: none;
}

.staff-person h3
{
   font-size: 15px;
    margin-bottom: 0em;
    color: #B70C0A;
    text-align: center;
    line-height: 14px;
}

.staff-person h4
{
   font-size: 12px;
   line-height: 11px;
   margin-bottom: 10px;
   text-align: center;
}

.staff-person h5
{
   font-size: 10px;
   line-height: 10px; 
   text-style: italic;
}


@media screen and (max-width: 600px)
#navigation > ul {
    -ms-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
}

#navigation > ul > li {
    border-bottom: 1px solid white;
    width: 100%;
    text-align: center;
    padding: 0.5em 0em;
}
}
.formerobservers
{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-box-orient: horizontal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
   -webkit-justify-content: space-between;
   -moz-justify-content: space-between;
    justify-content: space-between;
    -moz-align-items: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -moz-align-content: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    -webkit-flex-grow: 3;
    -ms-flex-grow: 3;
    -moz-flex-grow: 3;
    flex-grow: 3;
    -webkit-flex-shrink: 1;
    -ms-flex-shrink: 1;
    -moz-flex-shrink: 1;
    flex-shrink: 1;
}

.formerobserver div img
{
   max-width: 100%;
}

.formerobserver h4
{
   font-size: 15px;
   line0height: 17px;
   margin-bottom: 10px;
}

.formerobserver h2
{
   font-size: 20px;
   line-height: 22px;
   margin-bottom: 0px;
}



.formerobserver, .formerobserver div
{
    max-width: 45%;
    margin-bottom:20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-box-orient: horizontal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
   -webkit-justify-content: space-around;
   -moz-justify-content: space-around;
    justify-content: space-around;
    -moz-align-items: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -moz-align-content: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    -webkit-flex-grow: 3;
    -ms-flex-grow: 3;
    -moz-flex-grow: 3;
    flex-grow: 3;
    -webkit-flex-shrink: 1;
    -ms-flex-shrink: 1;
    -moz-flex-shrink: 1;
    flex-shrink: 1;
      -moz-flex-basis: 40%;
    -webkit-flex-basis: 40%;
    flex-basis: 40%;
}

.formerobserver div
{
   -webkit-justify-content: space-between;
   -moz-justify-content: space-between;
    justify-content: space-between;
}

@media screen and (max-width: 900px)
{

.formerobserver
{
      -moz-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;    
    max-width: 100%;
}
  .formerobserver div
  {
        -moz-flex-basis: 100%;
      -webkit-flex-basis: 100%;
      flex-basis: 100%;    
      max-width: 100%;
   }
   
   .formerobserver div h2, .formerobserver div h4
   {
      text-align: center;
      -moz-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;    
   }
   
   .formerobserver div
   {
      -webkit-justify-content: center;
      -moz-justify-content: center;
       justify-content: center;
   }
}


.countries
{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-box-orient: horizontal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
   -webkit-justify-content: space-around;
   -moz-justify-content: space-around;
    justify-content: space-around;
    -moz-align-items: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    -moz-align-content: stretch;
    -webkit-align-content: stretch;
    align-content: stretch;
    margin-bottom:30px;
}

.country
{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-box-orient: horizontal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    flex-wrap: nowrap;
   -webkit-justify-content: space-between;
   -moz-justify-content: space-between;
    justify-content: space-between;
    -moz-align-items: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -moz-align-content: stretch;
    -webkit-align-content: stretch;
    align-content: stretch;
        -moz-flex-basis: 400px;
      -webkit-flex-basis: 400px;
      flex-basis: 400px;    
      max-width: 400px;
    -webkit-flex-grow: 3;
    -ms-flex-grow: 3;
    -moz-flex-grow: 3;
    flex-grow: 3;
    -webkit-flex-shrink: 1;
    -ms-flex-shrink: 1;
    -moz-flex-shrink: 1;
    flex-shrink: 1;
    padding:10px;
    background-color:#F8F9FB;
    border-bottom: 5px solid #E5E6E7;
}

.country span:nth-of-type(1)
{
  font-weight: bold;
  color:    #797575;
  font-family:  'alegreya sans sc', 'sans serif';
  max-width: 50%;
  min-width:100px;
}

.country span:nth-of-type(2)
{
   font-weight: bold;
   color: #15569F;
   margin-left: 10px;
   margin-right: 10px;
}

.country span:last-of-type
{
   margin-right: 0;
}


.country span:nth-of-type(3)
{
   font-style: italic;
   min-width:150px;
   text-align:right;
   
}

.treaties
{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-box-orient: horizontal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
   -webkit-justify-content: space-around;
   -moz-justify-content: space-around;
    justify-content: space-around;
    -moz-align-items: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    -moz-align-content: stretch;
    -webkit-align-content: stretch;
    align-content: stretch;
    margin-bottom:30px;
}

.treaty
{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-box-orient: horizontal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
   -webkit-justify-content: space-between;
   -moz-justify-content: space-between;
    justify-content: space-between;
    -moz-align-items: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -moz-align-content: stretch;
    -webkit-align-content: stretch;
    align-content: stretch;

    -webkit-flex-grow: 3;
    -ms-flex-grow: 3;
    -moz-flex-grow: 3;
    flex-grow: 3;
    -webkit-flex-shrink: 1;
    -ms-flex-shrink: 1;
    -moz-flex-shrink: 1;
    flex-shrink: 1;
    padding:10px;
    background-color:#F8F9FB;
    border-bottom: 5px solid #E5E6E7;
      width: 100%;
}

.treaty div
{
        -moz-flex-basis: 100%;
      -webkit-flex-basis: 100%;
      flex-basis: 100%;
}


.treaty div:not(:first-of-type)
{
   font-size: 14px;
}

.treaty div span
{
  font-weight: bold;
  color:    #B70C0A;
  font-size: 12px;
  font-family:  'alegreya sans sc', 'sans serif';
  display: block;
}

.photogallery
{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-box-orient: horizontal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
   -webkit-justify-content: space-around;
   -moz-justify-content: space-around;
    justify-content: space-around;
    -moz-align-items: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    -moz-align-content: stretch;
    -webkit-align-content: stretch;
    align-content: stretch;

    -webkit-flex-grow: 3;
    -ms-flex-grow: 3;
    -moz-flex-grow: 3;
    flex-grow: 3;
    -webkit-flex-shrink: 1;
    -ms-flex-shrink: 1;
    -moz-flex-shrink: 1;
    flex-shrink: 1;
    padding:10px;
}


.photoingallery
{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-box-orient: horizontal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
   -webkit-justify-content: space-between;
   -moz-justify-content: space-between;
    justify-content: space-between;
    -moz-align-items: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -moz-align-content: stretch;
    -webkit-align-content: stretch;
    align-content: stretch;

    -webkit-flex-grow: 0;
    -ms-flex-grow: 0;
    -moz-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-shrink: 0;
    -moz-flex-shrink: 0;
    flex-shrink: 0;
    padding:10px;
        -moz-flex-basis: 300px;
      -webkit-flex-basis: 300px;
      flex-basis: 300px;    
      max-width: 300px;

}


.photoingallery img
{
    max-width: 100%;
    min-width: 100%;
    
}

.photoingallery span
{
  font-weight: bold;
  color:    #B70C0A;
  font-size: 12px;
  font-family:  'alegreya sans', 'sans serif';
  display: block;
  
}

.popephotogallery
{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-box-orient: horizontal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
   -webkit-justify-content: space-around;
   -moz-justify-content: space-around;
    justify-content: space-around;
    -moz-align-items: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    -moz-align-content: stretch;
    -webkit-align-content: stretch;
    align-content: stretch;

    -webkit-flex-grow: 3;
    -ms-flex-grow: 3;
    -moz-flex-grow: 3;
    flex-grow: 3;
    -webkit-flex-shrink: 1;
    -ms-flex-shrink: 1;
    -moz-flex-shrink: 1;
    flex-shrink: 1;
    padding:10px;
}


.popephotoingallery
{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-box-orient: horizontal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
   -webkit-justify-content: space-between;
   -moz-justify-content: space-between;
    justify-content: space-between;
    -moz-align-items: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -moz-align-content: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start;

    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    -moz-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 2;
    -ms-flex-shrink: 2;
    -moz-flex-shrink: 2;
    flex-shrink: 2;
    padding:10px;
        -moz-flex-basis: 200px;
      -webkit-flex-basis: 200px;
      flex-basis: 200px;    
      max-width: 200px;

}


.popephotoingallery img
{
    max-width: 100%;
    min-width: 100%;
    
}

.popephotoingallery span
{
  font-weight: bold;
  color:    #B70C0A;
  font-size: 12px;
  font-family:  'alegreya sans', 'sans serif';
  display: block;
  width: 100%;
  
}

.popephotoingallery span:first-of-type
{
  font-weight: bold;
  color:    black;
  font-size: 18px;
  line-height: 19px;
  font-family:  'alegreya sans sc', 'sans serif';
  display: block;
  width: 100%;
  margin-bottom:10px;
}


h3.rssframe
{
    margin-left: 10px;
    margin-right: 10px;
    
} 

h2.rssframe
{
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom:20px;
    margin-bottom: 20px;
    border-bottom: 5px solid #15569F;
}




.rss
{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-box-orient: horizontal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
   -webkit-justify-content: space-around;
   -moz-justify-content: space-around;
    justify-content: space-around;
    -moz-align-items: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    -moz-align-content: stretch;
    -webkit-align-content: stretch;
    align-content: stretch;

    -webkit-flex-grow: 2;
    -ms-flex-grow: 2;
    -moz-flex-grow: 2;
    flex-grow: 2;
    -webkit-flex-shrink: 2;
    -ms-flex-shrink: 2;
    -moz-flex-shrink: 2;
    flex-shrink: 2;
    padding:10px;
}


.rssitem
{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-box-orient: horizontal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
   -webkit-justify-content: space-between;
   -moz-justify-content: space-between;
    justify-content: space-between;
    -moz-align-items: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -moz-align-content: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start;

    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    -moz-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 2;
    -ms-flex-shrink: 2;
    -moz-flex-shrink: 2;
    flex-shrink: 2;
    padding:10px;
        -moz-flex-basis: 20%;
      -webkit-flex-basis: 20%;
      flex-basis: 20%;    
      max-width: 20%;
      
     padding:10px;
     border-bottom: 2px dotted #15569F;
     margin-bottom: 20px;
     position: relative;
}


@media screen and (max-width: 800px)
{
.rssitem
{
        -moz-flex-basis: 45%;
      -webkit-flex-basis: 45%;
      flex-basis: 45%;    
      max-width: 45%;
}
}


@media screen and (max-width: 450px)
{
 .rssitem
 {
        -moz-flex-basis: 100%;
      -webkit-flex-basis: 100%;
      flex-basis: 100%;    
      max-width: 100%;
 }
}

.rssitem img
{
    max-width: 100%;
    min-width: 100%;
    hspace:  0 !IMPORTANT;
}

.rssitem img[Attributes Style]
{
    float: none !IMPORTANT;
    vertical-align: auto !IMPORTANT;
    margin-left: 0 !IMPORTANT;
    margin-right: 0 !IMPORTANT;
}

.rsssource {
    position: absolute;
    bottom: 5px;
    left: 5px;
}

.rsssource a {
    display: block !IMPORTANT;
    position: relative;
    background-color: #15569F;
    padding: 3px 5px;
    margin-bottom: 3px;
    font-family: 'Alegreya sans sc', 'sans serif';
    font-size: 0.7em;
    max-width: 100%;
    flex-basis: 100%;
}

.rssitem p, .rssitem a, .rssitem ol, .rssitem li, .rssitem em, .rssitem strong, rssitem b, rssitem i
{
   display: none;
}

.rssitem > h3 > a
{
   display: block;
}

.rssitem a.visible 
{
    display: block;
}


.rssitem h3
{
  font-weight: bold;
  color:    black;
  font-size: 1.3em;
  line-height: 1em;
  font-family:  'alegreya sans', 'sans serif';
  display: block;
  width: 100%;
  margin-bottom:20px;
}
 

.stickystatements
{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-box-orient: horizontal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
   -webkit-justify-content: space-between;
   -moz-justify-content: space-between;
    justify-content: space-between;
    -moz-align-items: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    -moz-align-content: flex-end;
    -webkit-align-content: flex-end;
    align-content: flex-end;
}

.stickystatement
{
    border-bottom: 3px dotted #15569F;
    margin-bottom: 1em;
    padding: 0.5em 1em;
    -webkit-flex-grow: 2;
    -ms-flex-grow: 2;
    -moz-flex-grow: 2;
    flex-grow: 2;
    -moz-flex-basis: 20%;
    -webkit-flex-basis: 20%;
    flex-basis: 20%;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    -moz-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-shrink: 1;
    -moz-flex-shrink: 1;
    flex-shrink: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-box-orient: horizontal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -moz-align-items: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    -moz-align-content: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
}

.stickystatement h3
{
   display: inline-flex;
    -webkit-flex-grow: 5;
    -ms-flex-grow: 5;
    -moz-flex-grow: 5;
    flex-grow: 5;
  font-weight: bold;
  color:    black;
  font-size: 25px;
  line-height: 22px;
  font-family:  'alegreya sans sc', 'sans serif';
 padding: 10px 0px;
    margin: 0;   
}

.otherstatements
{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-box-orient: horizontal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
   -webkit-justify-content: space-between;
   -moz-justify-content: space-between;
    justify-content: space-between;
    -moz-align-items: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -moz-align-content: flex-end;
    -webkit-align-content: flex-end;
    align-content: flex-end;
}

.otherstatement
{
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    -moz-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 2;
    -ms-flex-shrink: 2;
    -moz-flex-shrink: 2;
    flex-shrink: 2;
    padding:10px;
    -moz-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;    
     padding-bottom:10px;
     border-bottom: 2px dotted #15569F;
     margin-bottom: 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-box-orient: horizontal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    flex-wrap: nowrap;
   -webkit-justify-content: flex-start;
   -moz-justify-content: flex-start;
    justify-content: flex-start;
    -moz-align-items: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -moz-align-content: flex-end;
    -webkit-align-content: flex-end;
    align-content: flex-end;
}

.textInStatement h3 {
    font-size: 23px;
    line-height: 23px;
    margin-top: 13px;
    margin-bottom: 10px;
}

.imageInOtherStatement
{
    -webkit-flex-grow: 0;
    -ms-flex-grow: 0;
    -moz-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-shrink: 0;
    -moz-flex-shrink: 0;
    flex-shrink: 0;
    -moz-flex-basis: 100px;
    -webkit-flex-basis: 100px;
    flex-basis: 100px;    
    max-width: 100px;
    padding: 0 20px;
}

.imageInOtherStatement img
{
   max-width: 100%;
}

.textInStatement p a {
    font-weight: 400;
}

.otherstatements h3
{
   display: inline-flex;
    -webkit-flex-grow: 5;
    -ms-flex-grow: 5;
    -moz-flex-grow: 5;
    flex-grow: 5;
  font-weight: bold;
  color:    black;
  font-size: 18px;
  line-height: 19px;
  font-family:  'alegreya sans sc', 'sans serif';
 padding: 0 10px;
    margin: 0;   
}

.otherstatements p
{
    font-size: 1em;
    line-height: 1.2em;
    font-weight: normal;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    margin-bottom: 0em;
    font-style: italic;
    padding: 0px 10px 0 10px;
}

.statementOvertitle
{
   width: 100%;
   text-align: center;
    color: #B70C0A;
    font-family: 'Alegreya Sans',Sans Serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 1em;
    margin: 0;
    display: block;
    max-width: 600px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}

.statementTitle
{
    font-family: 'Alegreya Sans sc',Sans Serif;
    font-weight: 800;
    font-size: 44px;
    line-height: 42px;
    color: black;
    display: block;
    text-transform: capitalize;
    -webkit-margin-before: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-margin-after: 0;
    margin-top: 10px;
    margin-bottom: 15px;
    -webkit-column-break-after: avoid;
    -moz-column-break-after: avoid;
    column-break-after: avoid;
    max-width: 100%;
    padding-left: 20px;
    padding-right:20px;
    text-align: center;
}

.statementPhoto
{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-box-orient: horizontal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
   -webkit-justify-content: space-between;
   -moz-justify-content: space-between;
    justify-content: space-between;
    -moz-align-items: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -moz-align-content: flex-end;
    -webkit-align-content: flex-end;
    align-content: flex-end;
    max-width: 100%;
}

.statementPhoto img,
.statementPhoto p
{
       -moz-flex-basis: 100%;
       -webkit-flex-basis: 100%;
       flex-basis: 100%;    
}

.statementPhoto img
{
   max-width: 300px;
   max-height:200px;
   width: 100%;
       margin-left: auto;
    margin-right: auto;
}

.statementSubtitle
{
   text-align: center;
   max-width: 100%;
}

.facebook-wrapper
{
   max-width: 100%;
   margin: 0px 0 20px 0;
   text-align: center;
}

.byline {
    font-family: 'Alegreya Sans SC',Sans Serif;
    font-weight: 700;
    font-size: 1.0em;
    line-height: 1.3em;
    margin-bottom: 1em;
    color: black;
    display: block;
    float: none;
    padding-bottom: 1em;
    margin-right: 0;
    border-bottom-width: 0px;
    border-bottom-style: dotted;
    border-bottom-color: #939598;
    text-align: center;
    max-width: 100%;
}

p.imageCaption {
    font-size: 1em;
    line-height: 1em;
    color: #B70C0A;
    padding: 1em 0;
}

.titleInRecentStatement > a > h3 {
    background-color: transparent;
    border: 0;
    color: black;
    font-size: 1em;
    font-family: 'alegreya sans sc','sans serif';
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 2px dotted #15569F;
    border-radius: 0;
}

#recentstatements .recentstatement
{
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    -moz-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-shrink: 1;
    -moz-flex-shrink: 1;
    flex-shrink: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-box-orient: horizontal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -moz-align-items: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    -moz-align-content: stretch;
    -webkit-align-content: stretch;
    align-content: stretch;
 }

#recentstatements .dateInRecentStatement
{
    display: inline-block;
    background-color: #15569F;
    padding: 3px 5px;
    margin-bottom: 3px;
    font-family: 'Alegreya sans sc', 'sans serif';
    font-size: 0.8em;
    max-width: 100%;
    color: black;
}

.dateInStatement
{
}

.dateInStatement > span
{
    display: inline-block;
    background-color: #15569F;
    padding: 3px 5px;
    margin-bottom: 3px;
    font-family: 'Alegreya sans sc', 'sans serif';
    font-size: 0.8em;
    max-width: 100%;
    color: black;
    margin-right: 10px;
}

.extrapadding
{
   padding: 10px;
}




#recentstatements .titleInRecentStatement
{
    -moz-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;    
    max-width: 100%;
}

.titleInOtherStatement
{
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    -moz-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 2;
    -ms-flex-shrink: 2;
    -moz-flex-shrink: 2;
    flex-shrink: 2;
    -moz-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-box-orient: horizontal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    -moz-align-items: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -moz-align-content: flex-end;
    -webkit-align-content: flex-end;
    align-content: flex-end;
}

.textInStatement
{
    -moz-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;    
    max-width: 100%;
}

.staff-person h3 {
    border-bottom: 1px solid #A0A0A0;
    font-family: 'alegreya sans sc','sans serif';
}

.staff-person h4 {
  color: #B70C0A;
}

.staff-person
{
    -moz-flex-basis: 270px;
    -webkit-flex-basis: 270px;
    flex-basis: 270px;    
    max-width: 270px;
}

.dateInPressRelease {
    -moz-flex-basis: 200px;
    -webkit-flex-basis: 200px;
    flex-basis: 200px; 
    flex-basis: 200px;
}

.dateInPressRelease > span {
    display: inline-block;
    background-color: #15569F;
    padding: 3px 5px;
    margin-bottom: 3px;
    font-family: 'Alegreya sans sc', 'sans serif';
    font-size: 0.8em;
    max-width: 100%;
    color: black;
    margin-right: 10px;
    
}

#infobarcontainer .infobar .recentstatement:last-of-type {
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
}

#press_releases
{
  padding: 10px;
  background-color: #F9EEC8;
}

#press_releases   .linkInRecentDocuments,
#infobarcontainer .linkInRecentDocuments
{
   display: inline-block;
       background-color: #FDE48E;
       padding: 3px 5px;
       margin-bottom: 3px;
       font-family: 'Alegreya sans', 'sans serif';
       font-weight: bold;
       font-size: 0.8em;
       max-width: 100%;
    color: #B70C0A;
}

@media screen and (max-width: 450px)
{
   .dateInPressRelease 
   {
    -moz-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    flex-basis: 100%; 
    flex-basis: 100%;
  }
  
  .otherstatement
  {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  
  

}


@media screen and (max-width: 450px)
{
.otherstatement
{
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: center;
}


.imageInOtherStatement {
    -webkit-flex-grow: 3;
    -ms-flex-grow: 3;
    -moz-flex-grow: 3;
    flex-grow: 3;
    -webkit-flex-shrink: 0;
    -ms-flex-shrink: 0;
    -moz-flex-shrink: 0;
    flex-shrink: 0;
    -moz-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%;
    text-align:center;
  }
  
  .imageInOtherStatement img
  {
         max-width: 50px;;
  }
  
  .titleInOtherStatement {
      -webkit-justify-content: center;
      -moz-justify-content: center;
    justify-content: center;
  }
  
  .dateInStatement
  {
    -moz-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    margin-bottom: 1px;
  }
  
  .dateInStatement > span
  {
     display: block;
     text-align:center;
     padding: 1px 5px;
     font-size: 0.7em;
  }
  
  .textInStatement p
  {
     display: none;
  }
}


#statements_filters
{
    -moz-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex; 
    display: flex;
    -ms-box-orient: horizontal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around;
    -moz-align-items: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    -moz-align-content: stretch;
    -webkit-align-content: stretch;
    align-content: stretch;
}

#statements_filters fieldset
{
    -webkit-flex-grow: 5;
    -ms-flex-grow: 5;
    -moz-flex-grow: 5;
    flex-grow: 5;
    -webkit-flex-shrink: 2;
    -ms-flex-shrink: 2;
    -moz-flex-shrink: 2;
    flex-shrink: 2;
    display: flex;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-before: 0em;
    -webkit-padding-start: 0em;
    -webkit-padding-end: 0em;
    -webkit-padding-after: 0em;
    border: 0px;
    min-width: -webkit-min-content;
    -moz-flex-basis: 30%;
    -webkit-flex-basis: 30%;
    flex-basis: 30%;
    max-width: 100%;
    background-color: #F9EEC8;
    padding: 10px;
}


#statements_filters fieldset:last-of-type
{
  -webkit-column-fill: balance;
  -moz-column-fill: balance;
  column-fill: balance;
   -webkit-column-count: 2;
   -webkit-column-gap: 1em;
        -webkit-column-rule-style: dotted;
        -webkit-column-rule-width: 1px;
        -webkit-column-rule-color: #15569F;
        -moz-column-count: 2;
        -moz-column-gap: 1em;
        -moz-column-rule-style: dotted;
        -moz-column-rule-width: 1px;
        -moz-column-rule-color: #15569F;
        column-count: 2;
        column-gap: 1em;
        column-rule-style: dotted;
        column-rule-width: 1px;
    column-rule-color: #15569F;
}

#statements_filters fieldset:first-of-type
{
    -moz-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
      -webkit-column-fill: balance;
      -moz-column-fill: balance;
  column-fill: balance;
   -webkit-column-count: 3;
   -webkit-column-gap: 1em;
        -webkit-column-rule-style: dotted;
        -webkit-column-rule-width: 1px;
        -webkit-column-rule-color: #15569F;
        -moz-column-count: 3;
        -moz-column-gap: 1em;
        -moz-column-rule-style: dotted;
        -moz-column-rule-width: 1px;
        -moz-column-rule-color: #15569F;
        column-count: 3;
        column-gap: 1em;
        column-rule-style: dotted;
        column-rule-width: 1px;
    column-rule-color: #15569F;
}

#statements_filters fieldset label
{
       font-family: 'Alegreya sans', 'sans serif';
       font-size: 0.8em;
}

#statements_filters fieldset input[type="checkbox"]:checked ~ label
{
   font-weight: bold;
}

#statements_filters fieldset input[type="checkbox" i] {
    min-width: 2em;
    min-height: 2em;
}

#statements_filters fieldset div:first-of-type 
{
    -webkit-column-span: all; 
    column-span: all;
    font-weight: 800;
    color: #B70C0A;
    font-family: 'Alegreya sans sc', 'sans serif';
    padding: 0.2em 0.4em 0.1em 0.4em;
    border: 2px solid #15569F;
    background-color: #15569F;
    margin-bottom:15px;
}

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

#statements_filters fieldset:last-of-type
{
   -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
}

#statements_filters fieldset:first-of-type
{
   -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
}
}

@media screen and (max-width: 450px)
{
#statements_filters fieldset:first-of-type
{   -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
}}

@media screen and (max-width: 450px)
{
#statements_filters
{
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
}

#statements_filters fieldset
{
    -moz-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
}
}

.enumeration li
{
    padding: 10px;
    background-color: #F8F9FB;
    border-bottom: 5px solid #E5E6E7;
    font-weight: bold;
    color: #797575;
    font-family: 'alegreya sans sc', 'sans serif';
}

#press_releases #recentstatements .dateInRecentStatement
{
    -moz-flex-basis: 15%;
    -webkit-flex-basis: 15%;
    flex-basis: 15%;
}

#press_releases .titleInRecentStatement
{
    -moz-flex-basis: auto;
    -webkit-flex-basis: auto;
    flex-basis: auto;
    padding-left: 10px;
}

#press_releases .titleInRecentStatement a h3
{
   border: 0;
   margin-bottom: 0;
   padding-bottom: 0;
}

#press_releases #recentstatements .recentstatement
{
    -moz-align-items: center;
        -webkit-align-items: center;
    align-items: center;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
    justify-content: flex-start;
}

#press_releases #recentstatements .recentstatement:last-of-type {
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
    justify-content: flex-end;
}

@media screen and (max-width: 750px)
{
#press_releases #recentstatements .dateInRecentStatement
{
    -moz-flex-basis: 160px;
    -webkit-flex-basis: 160px;
    flex-basis: 160px;
}

#press_releases .titleInRecentStatement
{
    -moz-flex-basis: calc(100% - 180px);
    -webkit-flex-basis: calc(100% - 180px);
  flex-basis: calc(100% - 180px);
}

 #press_releases .titleInRecentStatement a h3
 {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
}

.rssitem
{
  overflow: hidden;
}

#navigation ul
{
    margin: 0;
}

#tweeter-wrapper
{
   margin-top: 20px;
   text-align:center;
}

h1, .h1 {
    text-transform: none; 
}