html,
        body {
           margin:0;
           padding:0;
           height:100%;
        }

        #container {
           min-height:100%;
           position:relative;
        }

        .directHeader {
	        width: 100%;
	        height: 96px;
	        background-image: url('../images/PP.png');
        }

		/*.bottomBorder {
            border-radius: 5px;
            width: 680px;
            height: 90px;
            margin: 20px auto 0 auto;
            padding-bottom: 172px;
            background-color: rgba(10,10,10,0.75);
            text-align:left;
		}*/
		
		.bottomBorder {
            border-radius: 5px;
            width: 65% !important;
            min-width:260px;
            margin: 20px auto 0 auto;
            padding-bottom: 20px;
            background-color: rgba(10,10,10,0.75);
            text-align:left;
            
                margin-left: auto;
                margin-right: auto;
                padding-left: 15px;
                padding-right: 15px;
            
		}

        .directFooter {
	        width: 100%;
	        text-align: center;
	        color: #7A7A7A;
	        border-top: 1px solid #D4D4D4;
	        background-color: #FFF;
	        box-shadow: 0px -0.125em 0.25em 0px rgba(0, 0, 0, 0.075);
	        font-size: 1rem;
            z-index: 10;
            bottom:0;            
        }
        
        .poweredByDirectFooter {
	        width: 100%;
	        text-align: right;
	        font-size: 1rem;
            z-index: 10;
            bottom:0;
        }
        
        .directBubble {
            border-radius: 5px;
            width: 65% !important;
             min-width:260px;
            background-color: #fff;
            margin: 20px auto;
            background-color: rgba(10,10,10,0.70);
            padding-top: 8px;
            padding-bottom: 4px;
            text-align:center;
                margin-left: auto;
                margin-right: auto;
                padding-left: 15px;
                padding-right: 15px;
        }
        
        .directHeaderLeft {
            width:50%;
            float:left;
        }

        .directHeaderRight {
            width:49%;
            float:right;
            text-align:right;
        }
        
        .directLogoImg {
	        padding: 10px;
	        margin-left: 20%;
        }
        .row{margin-right:0px !important;}
        @media only screen and (max-width: 659px) {
            .directHeaderLeft {
            	width:100%;
            	clear: both;
            	text-align:center;
            }
            .directHeaderRight {
                width: 100%;
                clear: both;
                text-align:center;
            }
            .directLogoImg {
            	clear: both;
	            margin-left: 0;
            }
            .directBubble {
            	width:65% !important;
            }
        }