﻿/* ****************** */
/* PAGE CENTER - INFO */
/* ****************** */
#InfoPage a               
{
    text-decoration:none;
}

#InfoPage a:hover               
{
    text-decoration:underline;
}

#InfoPage h1
{
    padding-bottom:20px;
}

#InfoPage h2
{
    padding-top:20px;
    padding-bottom:5px;
}

#InfoPage h3
{
    padding-top:20px;
}

#InfoPage h1,
#InfoPage h2,
#InfoPage h3
{
    text-align:left;
}

#InfoPage .Block1 .Col1,
#InfoPage .Block1 .Col2
{
    float:left;
    width:50%;   
}

#InfoPage [class^="Block"] .row,
#InfoPage [class^="Block"] [class^="col"]
{
    /* Override default Bootstrap margin */
    margin:0; padding:0;
}

#InfoPage [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;
}

#InfoPage [class^="Block"] .Information
{
    /* Requiered to set vertical align middle content */
    width:100%;
    text-align:left; 
}

#InfoPage [class^="Block"] .Information .Text
{ 
    /* Requiered to set vertical align middle content but text align left */
    display:inline-block !important;
    padding:2vw;
    text-align:justify;
}

#InfoPage [class^="Block"] img
{
    /* Image Auto Resize */
    width:100%;
    height:auto;     
}

#InfoPage .LinkButton
{
    padding-top:20px; 
    padding-bottom:20px;   
    text-align:left;  
}

/* ***************** */
/* SCREEN <= 1024px  */
/* ***************** */
@media screen and (max-width:1024px)
{
    #InfoPage .Col1,
    #InfoPage .Col2,
    #InfoPage .Block1 .Col1,
    #InfoPage .Block1 .Col2                 
    {
        width:100%;
        float:none;
    }

    #InfoPage [class^="Block"]
    {
        display:block !important;      
    }

    #InfoPage [class^="Block"] .Information
    {
        padding:10vw; padding-top:5vw; padding-bottom:5vw;        
    }

    #InfoPage h1
    {
        padding-bottom:40px;
        font-weight:bold;
    }

    #InfoPage h2
    {
        font-weight:bold;
    }

    #InfoPage h3
    {        
        padding-top:4vw;
        padding-bottom:10px;
        font-weight:bold;
    }

    #InfoPage li
    {    
        padding-bottom:2vw;
    }

    #InfoPage .LinkButton
    {
        padding-top:5vw;
    }  

    #InfoPage.Split .Information
    {
        margin:0; padding-bottom:0; padding-top:0;
    }

    #InfoPage.Split .Information h1
    {
        padding-top:5vw;
    }
}
