/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */


.contact{
	padding: 20px 10px 10px 10px;
	margin: 0 auto;
	width: 40%;
	background: rgba(0,0,0,0.3);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-transition:    all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition:         all 0.3s ease-out;
}
.contact:hover{
	width: 45%;
	background: rgba(0,0,0,0.5);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.contact .phone{
	-moz-transition:    all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out; 
}
.contact a{
	-moz-transition:    all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	transition:  all 0.2s ease-out;
}


.contact:hover .phone{
	color: #1f878d;
}
.contact:hover a{
	color: #1f878d;
}

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */

}