@media (max-width: 420px) and (orientation: portrait), (max-device-width: 640px) and (orientation: landscape) {
    .event-info {
        display: inline-block;
        line-height: 18px;
        margin-top: 2px;
        width: 45%;
    }

    .event-name {
        font-size: 1em;
    }



    .event-register {
        bottom: 81px;
        font-size: 12px;
        /*position: relative;*/
        width: 95%;
		
		/*jake-add*/
		position: absolute;
		top: 10px;
		right: 10px;
        z-index: 1;
    }

	
	
    .element.style {
        float: left;
        width: 100%;
    }
#top-of-col-photo{
	height: auto;
}
    #top-of-col-photo > img {
        /*height: 100%;
        width: 100%;*/
    }

    .event-info-link {
        width: 45%;
        margin-left: 50px;
        text-align: left;
        position: relative;
        z-index: 5;
    }



    .event-details {
        display: none;
        margin: 0 0 0 0;
        padding: 0;
        /*height: 79px;
        height: 100%;*/
    }

    .event-details-description {
        float: left;
        width: 100%;
        margin-left: 17px;
    }

    .event-line {
        /*height: 79px;
        height: 100%;*/
        padding: 8px 0 10px;
		min-height: 85px;
		/*jake-add*/
		position: relative;
    }

    
    .detail-photo {
        float: none;
        margin-left: 31px;
        /*margin-top: -19px;*/
    }

    .detail-line {
        margin-bottom: 1px;
        margin-right: 24px;
    }

    .social-media-bar {
        padding-left: 12px;
    }

    .twitter-button-position {
        vertical-align: bottom; 
        width: 68px; 
        height: 20px;
        position: relative;
        top: 5px;
    }

    .event-date {
        /*width: 100%;*/

    }
	

	
}