/***
* Responsive stylesheet for Conferences and Institutes websites
*
* Contains adjustments to layout for different device viewports.
* For general layout, see 'global.css'
*
*/

@media (max-width: 767px) {
  #register {
    font-size: 80%;
    text-align: left;
  }
  
  #date {
    font-size: 80%;
		height: 90px;
		overflow: hidden;
  }
	
	#date time, #date .location {
		clear: left;
		float: left;
	}
	
	#date .location {
		margin-left: 20px;
	}
	
	#date .pipe {
		display: none;
	}
	
	.icon {
		top: -30px;
	}
  
  #main {
    float: none;
  }
  
  #main, .sidebar {
    /* Blanking out the column stretching trick */
    margin-bottom: 0;
    padding-bottom: 0;
  }
  
  #general-nav, #questions, #sponsors-nav {
    text-align: left;
  }
}