/* ===============
    MOBILE STYLES
   =============== */
   
#map
{
	width: 100%;
	height: 350px;
	margin: 15px 0 30px 0;
}

#map .marker-label
{
	color: #830000;
	font-weight: bold;
	font-size: 13px;
}

header.title
{
	color: #30bbd1;
	font-family: 'Museo-300', 'Times New Roman', serif;
	font-size: 24px;
	text-transform: uppercase;
}

.left,
.right
{
	color: #45484a;
	text-align: center;
}

#contact_form
{
	margin-top: 1em;
}

#contact_form input[type="text"],
#contact_form textarea
{
	display: block;
	width: 50%;
	padding: 5px;
	border-radius: 5px;
	background-color: #e6e6e6;
	margin: 5px auto 10px auto;
}

#contact_form textarea
{
	height: 100px;
}

#contact_form input[type="submit"]
{
	background-color: #31bbd1;
	border: none;
	padding: 10px 20px;
	color: #fff;
}

.error
{
	color: #f00;
}

.success
{
	color: #0f0;
}

/* ===============
    SCREEN STYLES
   =============== */

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

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

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

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

@media only screen and (min-width: 950px)
{
	.left,
	.right
	{
		width: 50%;
		text-align: left;
	}

	.left
	{
		float: left;
	}

	.right
	{
		float: right;
	}
	
	#contact_form input[type="text"],
	#contact_form textarea
	{
		width: 75%;
		margin: 5px 0 10px 0;
	}
}

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