body {
	font-family: "Open Sans";
}

    .pointro {
        height: 80%;
        position: relative;
        text-align: center;
    }
    
    .pointro h1 {
        font-family: 'Dosis', sans-serif;
        font-size: 4.4em;
        font-weight: 200;
        margin: 15px;
    }
    
    .pointro h2 {
        font-family: 'Dosis', sans-serif;
        font-size: 2.5em;
        font-weight: 200;
        margin: 0;
        margin-bottom: 50px;
    }
    
    .pointro img {
        margin: auto;
    }
    
    .pointro .btn {
        position: absolute;
        #margin-left: calc(50% - 50px);
        left: calc(50% - 50px);
        top: calc(50% - 50px);
        border-radius: 100px;
        width: 100px;
        height: 100px;
        font-size: 3em;
    }

  .posmallvideos3 {
     margin-top:80px;
  }

  
  .posmallvideo_in {
    position: relative;
  }
  
  .posmallvideo {
        height: 80%;
        position: relative;
        text-align: center;
        float: left;
        width: 33.3%;
    }
    
    .posmallvideo h1 {
        font-family: 'Dosis', sans-serif;
        font-size: 2em;
        font-weight: 200;
        margin: 15px;
    }
    
    .posmallvideo h2 {
        font-family: 'Dosis', sans-serif;
        font-size: 1em;
        font-weight: 200;
        margin: 0;
        margin-bottom: 50px;
    }
    
    .posmallvideo img {
        margin: auto;
        width: 95%;
    }
    
    .posmallvideo_in .btn {
        position: absolute;
        #margin-left: calc(50% - 50px);
        
        left: calc(50% - 25px);
        top: calc(50% - 20px);
        border-radius: 100px;
        width: 50px;
        height: 50px;
        font-size: 1em;
    }
 
 
    #xf_video {
        height: 80%;
        position: relative;
        text-align: center;
    }
    
    #xf_video h1 {
        font-family: 'Dosis', sans-serif;
        font-size: 4.4em;
        font-weight: 200;
        margin: 15px;
    }
    
    #xf_video h2 {
        font-family: 'Dosis', sans-serif;
        font-size: 2.5em;
        font-weight: 200;
        margin: 0;
        margin-bottom: 50px;
    }
    
    #xf_video img {
        margin: auto;
    }
    
    #xf_video .btn {
        position: absolute;
        #margin-left: calc(50% - 50px);
        left: calc(50% - 50px);
        top: calc(50% - 50px);
        border-radius: 100px;
        width: 100px;
        height: 100px;
        font-size: 3em;
    }
    
    .xf_block h1 {
        margin-top: 60px;
        #font-family: 'Dosis', sans-serif;
        #font-size: 3em;
        font-weight: 200;
        #margin: 15px;
    }
    
    .xf_block .blocoimg {
        width: 70%;
    }
        
    .xf_block .blocoaccordion {
        width: 30%;
    }
    
    .xf_block.left .blocoimg {
        float: left;
             padding-right: 30px;
    }
    .xf_block.right .blocoimg {
        float: right;
                padding-left: 30px;
    }            
   .xf_block.left .blocoaccordion {
        float: right;
    }
    .xf_block.right .blocoaccordion {
        float: left;
    }            
    
.Collage .Caption {
text-align:center;
}        
    .Collage {
        /* define how much padding you want in between your images */
        padding: 10px;
    }
    
    .Collage img {
        /* ensures padding at the bottom of the image is correct */
        vertical-align: bottom;
        /* hide the images until the plugin has run. the plugin will reveal the images*/
        opacity: 100;
    }


#je_socialicons {
  margin-top: 0px !important;
}


.t3-header {
  padding-top: 10px;
  padding-bottom: 10px;
}

.logo-img {
  height: 87px !important;
  width: auto !important;
}