/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,100italic,200,200italic,300,300italic,400italic,500,500italic,600,700,600italic,700italic,800,800italic,900,900italic);


ul {
    list-style: outside none disc;
    margin: 0 0 2em;
    padding-left: 1em;
    font-size: 15px;
}


.post_bp {
    background: #ffffff none repeat scroll 0 0;
    border: medium none;
    position: none;
}


.leftColumnbp, .rightColumnbp,  {  border: 0px solid  #ccc; padding: 5.25em; }

.columnsContainer { width: 100%; display: inline-flex;}

.columnsContainer h1 {
  color:#186CBE;
    font-family: 'Raleway', sans-serif !important;
		font-weight: bold;
    
}



.leftColumnbp { width: 300px; margin-right: 2.0em; float: left;}

.rightColumnbp { top: 0; right: 0; width: 80%; float: left;}

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

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


@media screen and (max-width: 736px) {
    .title { width: 100%; padding: 0; display: inline-block;}
    .leftColumn { width: 100%;}
    .leftColumn img {max-width: 100%;}
    .rightColumn { width: 100%; margin-top: 10px;}    
    .rightColumn img {max-width: 100%;}
    
    }


@media screen and (max-width: 480px) {
    .title { width: 100%; padding: 0; display: inline-block;}
    .leftColumnbp { width: 100%;}
    .leftColumnbp img {max-width: 100%;}
    .rightColumnbp { width: 100%; margin-top: 10px;}    
    .rightColumnbp img {max-width: 100%;}
    
     }