body
{
    margin:0;
}

/*----------------------------------------------*/

.ContentLayer
{
    min-height: 80vh;
    color: #414141;
    font-family: Arial;
    padding: 50px 0;
    display: table;
}
    
    .CoverImageLayer
    {
        width:20%;
        display:inline-block;
        float:left;
        margin-left:18%;
    }
    
    .CoverImage
    {
        width:100%;
        height:auto;
    }
    
    .formviewImage
    {
        width:100%;
        display:inline-block;
    }

        
   /*---------------------------------*/
    
.InfoLayer
{
    width:40%;
    display:inline-block;
    float:left;
    margin-left:4%;
}
    
    .leftColumn
    {
        font-weight:bold;
    }
    
    .rightColumn
    {
        padding:8px 20px 0;
    }
    
    .tblTitle
    {
        margin-top:0;
    }

/*----------------------------------------- Tablet --------------------------------------*/
@media only screen and (min-width:481px) and (max-width: 768px)
{
    .CoverImageLayer
    {
        width:60%;
        display:block;
        margin-left:20%;
        margin-bottom:50px;
    }

    .InfoLayer
    {
        width: 80%;
        display: block;
        margin-left: 10%;
    }

}


/*------------------------------------------- Mobile ------------------------------------*/
@media only screen and (max-width: 480px)
{

    .CoverImageLayer
    {
        width:70%;
        display:block;
        margin-left:15%;
        margin-bottom:30px;
    }

    .InfoLayer
    {
        width: 90%;
        display: block;
        margin-left: 5%;
    }

}