/*
	Author       : Webful Creations Vision (https://themeforest.net/user/webfulcreationsvision/portfolio)
	Template Name: Webful Optometrist HTML Template
	Version      : 1.0
	CopyRight    : 2016 @ www.webfulcreations.com


	- Main CSS file is inside css/theme-style.css
*/

@import 'css/animate.css';             /* Animations CSS File */
@import 'css/foundation.min.css';      /* Including Foundation CSS File */
@import 'css/font-awesome.min.css';	   /* Including Font Awesome Icons */
@import 'css/owl.carousel.css';		   /* Owl Carousel CSS File */
@import 'css/theme-styles.css';		   /* Main Theme CSS File */

/*
 * Import Website Main Fonts
 *
 * To change Fonts Get Google Fonts replace in following Link,
 * AFter replacing below go to theme-style.css and update
 * Font Families
 *
 */
@import 'https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i%7CRaleway:400,700';


/*=========================================
	Below This Line You Can add Your CSS
	Please Do not Edit Files above if you
	are not sure what you are doing!
==========================================*/
.topBar h1 {
	font-size: 22px; color: #ffffff;
	margin-top: 10px;
}
.relative {
	position: relative;
}

.transilvania {
	margin: 0px !important;
	background-color: #fff;
	/*border-radius: 20px;*/
}
.transilvania img {
	float: left;
	margin-left: 5px;
	margin-right: 15px;
	margin-top: 8px;
	/*height: 50px;*/
}
.trans-text {
	color: #47305b;
}


@media screen and (max-width: 600px) {
  .transilvania img {
  	float: none;
  }
  .trans-text {
	float: right;
	}
}

#facebook {
	border: 2px solid #425f9c !important;
    color: #425f9c !important;
}

@media only screen and (max-width: 40em) {
	#facebook {
    	display: block !important;
	}
	.facebook-icon {
		position: absolute !important;
		right: 10px;
    	top: -85px;
	}
}