// compass
@import "compass";

// scss config
@import "imports/config";

/*
 * Mobile
 */
@media only screen 
and (min-width : 320px) 
and (max-width : 767px) {
	.dialog-overlay {
		padding: 20px;
		overflow-y: auto;
	}

	/*
	 * Movie overlay
	 */

	#movie-outer-wrapper {
		width: 100%;
		height: 0px;
		padding: 0 0 56.25%;
		top: 50px;
		margin: 0;
		position: relative;

		#movie-wrapper {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
	}

	#get-in-touch,
	#investinus {
		top: 0;
		margin-top: 0;
		width: 100%;

		#contact-form,
		#invest-form {

			li {
				&.floatleft,
				&.floatright {
					width: 100%;
				}

				&:last-of-type {
					padding-bottom: 0px;
					margin-bottom: 12px;
				}
			}

			p {
				line-height: 22px;
				margin-bottom: 50px;
			}

			button.button {
				left: 30px;
				bottom: 30px;
			}
		}
	}
}

/*
 * Tablet
 */
@media only screen 
and (min-width : 768px) 
and (max-width : 1023px) {
	.dialog-overlay {
		padding: 20px;
		overflow-y: auto;
	}
}

/*
 * Large screens
 */
@media only screen 
and (min-width: 1300px) {
	
}