/* ********************** */
/* PAGE - HOMEPAGE CENTRE */
/* ********************** */
/*#HomepageCentre 
{
    min-width:200px;
}*/

#HomepageCentre .Col1,
#HomepageCentre .Col2
{
    float:left;
    width:50%;   
}

#HomepageCentre [class^="Block"] .row,
#HomepageCentre [class^="Block"] [class^="col"]
{
    /* Override default Bootstrap margin */
    margin:0; padding:0;
}

#HomepageCentre [class^="Block"]
{
    /* Requiered to set vertical align middle content */
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex !important;

	-webkit-align-items: center;
    align-items:center !important;
}

#HomepageCentre [class^="Block"] img
{
    /* Image Auto Resize */
    width:100%;
    height:auto;     
}

/* Manage overlay darker image */
#HomepageCentre .Block1 {
    display: block !important;
    position: relative !important;
    top: 0;
    left: 0;
    background-color: rgba(000, 0, 0,0.5);
}

#HomepageCentre .btn-default {
    padding: 20px 40px;
    font-weight: normal;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}
#HomepageCentre h1 {
    font-size: 2.5em;
}
#HomepageCentre h1, #HomepageCentre h2 {
    padding: 0.5em 0;
}
    #HomepageCentre h2 {
        font-weight: normal;
        font-size: 1.5em;
    }

#HomepageCentre .Block1 .Information .Text .Title .CustomText {
    position: absolute;
    left: 30px;
    top: 260px;
    text-align: center;
    width: auto;
    max-width: 220px;
    font-weight: normal;
}

#HomepageCentre h3
{    
   padding-bottom:1.5vw;
}

#HomepageCentre [class^="Block"] .Information
{
    /* Requiered to set vertical align middle content */
    width:100%;
    text-align:center; 
}

#HomepageCentre [class^="Block"] .Information .Text
{ 
    /* Requiered to set vertical align middle content but text align left */
    display:inline-block !important;
    text-align:left;
    padding:1em;
}

#HomepageCentre .Block4 .Information .Text {
    /* Requiered to set vertical align middle content but text align left */
    display: block !important;
    text-align: left;
    padding: 1em;
}


#HomepageCentre [class^="Block"] .Information .Text ul
{
    list-style:none;
    margin:0;
    padding:0;    
    padding-top:1.5vw;
}

#HomepageCentre [class^="Block"] .Information .Text p
{
    padding-bottom:1.5vw;
    text-align:justify;
}

#HomepageCentre [class^="Block"] .Information .Text p.Last
{
    padding-bottom:0;
}

/* BLOCK 1 */
#HomepageCentre .Block1 .Information {
    /* Requiered to set vertical align middle content */
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex !important;
    -webkit-align-items: center;
    align-items: center !important;
    /*z-index:9700  !important;*/
    position: absolute !important;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}

    #HomepageCentre .Block1 .Information .Text {
        text-align: center;
        width: 100%;
        padding-left: 50px;
        padding-right: 50px;
    }

.Title {
    width:80%;
    margin: 2em auto;
    background-color: rgba(255, 255, 255, 0.7);
    padding: 0.5em;
    border-radius: 0.5em;
}

/* BLOCK 3 */
#HomepageCentre .Block3
{
    clear:both;    
    text-align:justify;
    padding:1em;
}

#HomepageCentre .Block3 .Information .Text
{
    text-align:justify;
}


/* **************** */
/* SCREEN <= 1024px */
/* **************** */
@media screen and (max-width:1024px)
{
    #HomepageCentre .Col1,
    #HomepageCentre .Col2             
    {
        width:100%;
        float:none;
    }

    #HomepageCentre [class^="Block"]
    {
        display:block !important;      
    }

    #HomepageCentre [class^="Block"] .Information
    {
        padding:10vw;        
    }

    #HomepageCentre .Block1 .Information
    {
        padding:5px;        
    }

    #HomepageCentre .Block1 h1
    {
        padding:0;
    }

    #HomepageCentre .Block1 h2
    {    
        padding:0;        
        padding-top:40px;
    }

    #HomepageCentre .Block1 .btn
    {    
        display:none !important;
    }   

    #HomepageCentre .Block2 h3
    {    
        font-weight:bold;
    }  
 
    #HomepageCentre .Block1 .Information .Text .Title .CustomText
    {
        display:none;
    }
}

/* **************** */
/* SCREEN <= 600px */
/* **************** */
@media screen and (max-width:600px) {

    #HomepageCentre .Block1 h1
    {
        padding-top:0;
    }

    #HomepageCentre .Block1 h2
    {         
        padding-top:10px;
    }

}

/* **************** */
/* SCREEN <= 480px */
/* **************** */
@media screen and (max-width:480px) {

    #HomepageCentre .Block1 h1
    {
        padding-top:0;
    }

    #HomepageCentre .Block1 h2
    {     
        padding-top:10px;
    }

}