@charset "utf-8";
/* CSS Document */

.fa {
		  display: inline-block;
		  font-family: FontAwesome;
		  font-style: normal;
		  font-weight: normal;
		  line-height: 2;
		  -webkit-font-smoothing: antialiased;
		  -moz-osx-font-smoothing: grayscale;
		}
		
		.fa-play-circle-o:before {
		  content: "\f0ab";
		}
		
		.fa-bars {
			color: #fff;
		} 
		
		.my-about {
			padding-bottom:70px;
		}
		
		.portfolio {
			color:#fff;
			text-align: center;
		}
		
		.btn-circle {
			border:none;
			font-size: 60px;
			color: #9C0F97;
		}
		 
		 .mbr-gallery-filter li {
  font-size: 16px;
  font-family: 'Raleway';
  cursor: pointer;
  color: #fff;
  display: inline-block;
  padding: 9px 30px 9px 30px;
  border:none;
  transition: all 0.3s ease-out;
}
		 .navbar {
			 background-color:#9C0F97;
		 }
		 
		 .navbar li a {
			 color:#fff;
		 }
		 
		 body {
			 background-color:#000;
		 }
		 
		 .my-about {
			 color:#fff;
			 margin-top:0;
		 }
		 
footer {
	background-color:#000;
	}

.my-footer p {
	font-size:90%;
	font-family:Gill Sans, Gill Sans MT, Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial," sans-serif";
	text-transform:uppercase;
			 color:#fff;
}
	
.my-contact {
	color:#fff;
}

#contact .btn {
	color:#9C0F97;
}

#contact .btn-default:hover,
.btn-default:focus {
    border: 1px solid #9C0F97;
    background-color: #9C0F97;
	color:#000;
}

.my-form {
	min-height: 700px;
}


.formlink {
	font-size:10px;
	font-style: italic;
	color:#666666;
	padding-top:30px;
	height:40px;
}

.my-capt {
	text-align:center;
	font-size:90%;
	padding:3px;
	margin:0;
	color:#ccc;
	background-color:#000;			
}

.services-block {
	margin-top:35px;
	}

/**------ responsive ------- **/
		 @media only screen and (max-width:630px){
			 .services {
				width:100%;
				text-align: center;
				 margin: 10px auto;
				 padding:0;
				line-height: 2em;
			 }
			 
			 .services-block {
				width:100%;
				margin: 0 auto;
				text-align: center;
			}
			 
			 .services-block h2 {
				 margin:0 auto;
				 padding: 0;
			 }
			 
			 .services-block span {
				 margin:0 auto;
				 padding: 0;
			 }
		 }

@media only screen and (max-width:300px) {
		.navbar-brand {
		padding: 4px 6px;
		font-size: 12px;
	}
}