@media only screen and (max-device-width : 736px)  
{
      h1
    {
        font-size:18px;
        font-weight:bolder;
    }
    
    .horsePageColumsLeft
    {
        width:100%;
    }
    
    .horsePageColumsRight
    {

        width:100%;

    }
    
        .horsePageColumsRight img
    {
        width:90%;
    }
}

@media only screen and (min-device-width : 737px) and (max-device-width : 1023px)   {
      h1
    {
        font-size:18px;
        font-weight:bolder;
    }
    
    .horsePageColumsLeft
    {
        float:left;
        width:60%;
    }
    
    .horsePageColumsRight
    {
        float:right;
        width:40%;
        text-align:right;
    }
    
        .horsePageColumsRight img
    {
        width:90%;
    }
}


@media only screen and (min-width : 0px) and  (min-device-width : 1024px)   
{
    h1
    {
        font-size:18px;
        font-weight:bolder;
    }
    
    .horsePageColumsLeft
    {
        float:left;
        width:60%;
    }
    
    .horsePageColumsRight
    {
        float:right;
        width:40%;
        text-align:right;
    }
    
        .horsePageColumsRight img
    {
        width:90%;
    }
}