/*NAVBAR*/
	.navbar {
	  margin-bottom: 0;
	  background-color:#9B61A7;
	  z-index: 9999;
	  border: 0;
	  font-size: 12px !important;
	  line-height: 1.42857143 !important;
	  letter-spacing: 4px;
	  border-radius: 0;
	  font-family: Montserrat, sans-serif;
	}
	.navbar li a, .navbar .navbar-brand {
      color: #fff !important;
	}
	.navbar-nav li a:hover{
      color: #f4511e !important;
      background-color: #fff !important;
	}
	.navbar-default .navbar-toggle {
      border-color: transparent;
      color: #fff !important;
	}
	
	* {box-sizing: border-box;}
	
	body {font-family: Verdana, sans-serif;}
	
	/*Slideshow*/
	.mySlides {display: none;}
	
	img {vertical-align: middle;}

	.slideshow-container {
	  max-width: 1000px;
	  position: relative;
	  margin: auto;
	}


	.text {
	  color: #f2f2f2;
	  font-size: 15px;
	  padding: 8px 12px;
	  position: absolute;
	  bottom: 8px;
	  width: 100%;
	  text-align: center;
	}


	.numbertext {
	  color: #f2f2f2;
	  font-size: 12px;
	  padding: 8px 12px;
	  position: absolute;
	  top: 0;
	}


	.dot {
	  height: 15px;
	  width: 15px;
	  margin: 0 2px;
	  background-color: #bbb;
	  border-radius: 50%;
	  display: inline-block;
	  transition: background-color 0.6s ease;
	}
	
	.fade {
	  -webkit-animation-name: fade;
	  -webkit-animation-duration: 4s;
	  animation-name: fade;
	  animation-duration: 4s;
	}

	@-webkit-keyframes fade {
	  from {opacity: .4} 
	  to {opacity: 1}
	}

	@keyframes fade {
	  from {opacity: .4} 
	  to {opacity: 1}
	}

	@media only screen and (max-width: 300px) {
	  .text {font-size: 11px}
	}
	
	/*CARD*/
	.card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    width: 40%;
	}

	.card:hover {
		box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
	}

	.container {
		padding: 2px 16px;
	}


	@-webkit-keyframes glow {
	  from {
		 text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073;
	  }
	  to {
		text-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6, 0 0 50px #ff4da6, 0 0 60px #ff4da6, 0 0 70px #ff4da6, 0 0 80px #ff4da6;
	  }
	}

	/* Cellphone Alterations*/
	@media only screen and (max-width: 600px) {
		.myHeaderImg {
			position: absolute;
			top: -5px;
		}
		.removeCol {
			display: none;
		}
		.text{
			position: absolute;
			top: 180px;
			left: -50px;
			font-size: 12px;
			width: 400px;
		}
		
		.slideshow-container{
			width: 300px;
			left: -60px;
			top: 40px;
		}
		
		.services{
			margin-top: 50px;
			
		}
		
		.servElem{
			position: absolute;
			left: -150px;
		}
		.servElem2{
			position: absolute;
			left: 40px;
		}
		
		.servElem3{
			position: absolute;
			top: 260px;
			left: -150px;
		}
		
		.servElem4{
			position: absolute;
			top: 260px;
			left: 40px;
		}
		
		.servElem5{
			position: absolute;
			top: 430px;
			left: -150px;
		}
		
		.servElem6{
			position: absolute;
			top: 430px;
			left: 40px;
		}
		
		.clients{
			display: none;
		}
		
		footer{
			position: absolute;
			top: 1300px;
			width: 100%;
			height: 80px;
		}
		
		.wdth{
			width: 190px;
		}
		
		.foot1{
			position: absolute;
			top: 30px;
			left: 170px;
		}
		
		.foot2{
			position: absolute;
			top: 30px;
			left: 190px;
		}
		
		.foot3{
			position: absolute;
			top: 30px;
			left: 210px;
		}
		.foot4{
			position: absolute;
			top: 50px;
			left: 100px;
		}
		
		.foot5{
			position: absolute;
			top: 70px;
			left: 150px;
		}
		li.listt{
			display: none;
		}
	}