@import url("additionalImages.css");

    .leftdiv.horizontal
        {
        max-width: 700px;
    }   
    
    .leftdiv.vertical
        {
        max-width: calc(100% - 480px);
    }
    
    #productPreviewDiv
        {
        margin-top: -5px;
    }
    
    #socialDivLeft
        {
        margin-top: 40px;
    }
    
    #bleedDiv
        {
        opacity: 0.50;
        filter: alpha(opacity=50);
        border-radius: 0px;
    }

    #coloredBleedDiv
    {
        border-radius: 0px;
    }

    #borderDiv
    {
        left: 5%;
        top: 5%;
        width: 90%;
        height: 90%;
        border-radius: 0px;
    }

    #borderDiv.spiralnotebook.horizontal
    {
        left: 1%;
        top: 2%;
        width: 98%;
        height: 96%;
    }

    #borderDiv.spiralnotebook.vertical
    {
        left: 1.8%;
        top: 1%;
        width: 96%;
        height: 98%;
        color: #FF0000;
    }

    @media screen and (max-width: 640px)
    {
        .leftdiv.vertical
               {
            width: 80%;
            max-width: 100%;
            margin-right: 0px;
        }
    }