﻿@media (max-width: 420px) and (orientation: portrait), (max-width: 640px) and (orientation: landscape) {

    #right-column {
        width: 100%;
    }

    .top-of-page-section {
        padding: 0px;
        background: white;
    }

        .top-of-page-section > img {
            width: 81%;
            margin-left: 32px;
        }

        .top-of-page-section > .top-text {
            margin: 12px;
        }
		
		#top-of-page-photo{
			display: none;
		}

        .top-of-page-section > .top-of-page-text p {
            padding: 15px 0;
            font-size: 17px;
            line-height: 30px;
        }

        .top-of-page-section > .top-of-page-text > p > strong {
            font-size: 20px;
        }

    /*Needs Section*/

    #feature-group {
        width: 940px;
        /*overflow: hidden;*/
        height: 225px;
    }

    .needs-list-container {
        margin: none;
        margin-left: 4px;
        width: 95%;
    }

    .current-needs {
        clear: both;
        width: 98%;
        margin-top: 15px;
        padding: 5px;
    }

    .fullneed-body {
        width: 60%;
        white-space: normal;
        overflow: initial;
    }

    .fullneed-state {
        font-size: 1.6em;
    }

    .fullneed-title {
        font-size: 12px;
    }

    .current-needs-title {
        font-size: 14px;
    }

    .fullstate-amount {
        /*width: 15%;
        padding-right: 2px;*/
        padding-right: 0;
        width: 15%;
        float: left;
        text-align: center;
        font-family: "Fjalla One";
    }

    .fullneed-amount {
        margin-top: 8px;
        text-align: inherit;
        font-weight: normal;
    }

    .fullneed-cart-total {
        width: 100%;
        text-align: left;
        margin-left: 5px;
    }


    .total-gift {
        font-size: 18px;
    }

    .complete-my-donation {
        top: -7px;
        font-size: 11px;
    }

    .upcoming-events-title {
        font-size: 16px;
    }

    .fullneed-right-col {
        width: 23%;
    }

    .fullneed-help-now {
        margin-left: 0;
        width: 30%;
    }

    .fullneed-still-needed {
        font-size: .8em;
        width: 100%;
    }

    .fullneed-background {
        width: 100%;
    }

    .fullneed-cart-title {
        margin-left: 3px;
        white-space: normal;
        font-size: 15px;
        width: 100%;
    }

    .my-gift {
        font-size: 12px;
    }

    .my-gift-amount {
        width: 36px;
        border-style: solid;
        border-color: black;
        border-width: 1px;

 /*-webkit-box-shadow: 3px 3px 5px 6px #000;  
  -moz-box-shadow:    3px 3px 5px 6px #000;  
  box-shadow:         3px 3px 5px 6px #000;	*/	
    }

    .og-needs-row {
        width: 95%;
    }

    .og-need-container {
        float: none;
        width: 100%;
    }

    .og-needs-row .og-need-container:nth-child(1) {
        float: none;
    }

    .og-needs-row .og-need-container:nth-child(2) {
        float: none;
    }

    .see-all-needs {
        display: none;
    }

    .ongoing-needs-title {
        font-size: 16px;
    }
    /*Needs Section*/

}

@media (max-width: 420px) and (min-width: 420px){
    .top-of-page-section > .top-text {
            margin: 18px;
        }
}
