iframe{
        position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    }

	#pdcontent{
        margin:0;padding:0;
        font-family: 'Roboto', sans-serif;
        font-size:12px;
        padding-bottom:30px;
        width:100%;
    }
    .pdcontainer{
        width:1128px;
        margin:0 auto;
    }
    .pdcolumn {
      float: left;
      width: 50%;
      padding:20px 10px 20px 0;
      box-sizing:border-box;
      margin:0 !important;
    }
    
    .pdcolumn:last-child::after{
        clear:both;
    }
	/*PE Column Styles*/
	.pdcolumn30{
        width:30%;
    }
    .pdcolumn70{
        width:65%;
    }


    .pdcolumnRight{
        padding:20px 0 20px 20px;
    }
    .pdmulticol{
        column-count:2;
        column-gap:2em;
        box-sizing:border-box;
		margin-bottom:10px;
    }
    
    .pd-img, .__pfs.pd-img {
        width:100%;
        margin:0 auto 10px;
    }

	img[src*="PE_Logo_EN.png"] {
       width:150px; 
    }

    hr {
        border: 0;
        height: 1px;
        background: #333;
        background-image: linear-gradient(to right, #ccc, #333, #ccc);
    }
    /* Clear floats after the columns */
    .row:after, .pdrow:after {
      content: "";
      display: table;
      clear: both;
    }
    
    .__pfs row, .pdrow{
        margin-right:0px !important;
        margin-left:0px !important;
    }
    
    /* GENERAL STYLING  */
    .blueHeader{
        width:100%;
        padding:10px;
        margin:0;
		background:#507399;
    }
    
    .blueHeader h2, .blueHeader h2.pdh2{
        padding-top:15px;
        padding-bottom:15px;
        padding-left: 15px;
        color:#ffffff;
    }

    .pdcontainer.pe-banner {
        background-color:#f2f2f2;
        padding: 20px;
        width: 100%;
        margin-bottom: 50px;
        /*color:@accent-2;*/
    }
/* 

TYPE Classes

__pfs is an Every Mundo class that must be targetted to be overwritten.
.pdh2 = Main blue bar
.phh2-feat = H2 in Features (nieghbourhood content)
.pdh3 = PE Banner Subhead
.phh3-feat = H3 in Extra Information sections, ex Airport content
.pdh3-feat-dest = H3 in Neighbourhood sections
.pd-paragaph - all paragraphs.

*/   

    h2.pdh2, h2.__pfs.pdh2, h3.__pfs.pdh3, h3.pdh3-feat-dest,  h3.__pfs.pdh3-feat, h2.__pfs.pdh2-feat, h3.__pfs.pdh3-feat-dest{
        font-weight:300;
    }
    h2.pdh2, h2.__pfs.pdh2{
        font-size:2.3rem;
    }
	
	h2.pdh2-feat, h2.__pfs.pdh2-feat{
		font-family: Roboto;
		letter-spacing: normal;
		text-transform: none;
		font-size:2.3rem;
		line-height:1.5;
		margin: 0 0 16px 0;
	 -webkit-hyphens: none;
		-moz-hyphens: none;
		 -ms-hyphens: none;
			 hyphens: none;
		
	}
	
	h3.pdh3, h3.__pfs.pdh3{
	 font-size:1.7rem;
	 margin: 8px 0 8px 0;
	 -webkit-hyphens: none;
		-moz-hyphens: none;
		 -ms-hyphens: none;
			 hyphens: none;
	
	}
	h3.pdh3-feat, h3.__pfs.pdh3-feat{
	  font-size:1.7rem;
	  margin: 32px 0 16px 0;
    }
	h3.pdh3-feat-dest, h3.__pfs.pdh3-feat-dest{
	  font-size:1.7rem;
	  margin: 0 0 16px 0;
    }
    p.pd-paragraph, p.__pfs.pd-paragraph{
        font-size: 1.05rem;
        font-weight: 300;
		margin: 0 0 16px 0;
        line-height:1.5;
		font-family: Roboto;
		letter-spacing: normal;
		text-transform: none;
		color: #002d53;
    }


    /* Breakpoints */
    
    @media screen and (max-width: 960px) {
        .pdcontainer{
            width:760px;
        }
    }
    
    /* Mobile Breakpoint */
    
    @media screen and (max-width: 760px) {
        /* p{ font-size:1rem;}
        h2{font-size:1.8rem;}*/
		h2.pdh2, h2.__pfs.pdh2, h2.__pfs.pdh2-feat{
			font-size:2.2rem;
			line-height: 1.2;
			padding:0;
		}
		
		
        .pdcontainer{
            width:100%;
            padding:0px;
        }
        .blueHeader h2{
            padding:0;
        }
        .pdcolumn, .pdcolumn30, .pdcolumn70, .pdrightColumn {
            width: 100%;
            padding:10px;
        }
		.pdcolumn70{padding: 25px;}
        
		.pd-img{}
        
		.pdmulticol{
            column-count:1;
        }
    }