.modal {
    
    padding-top: 100px; /* Location of the box */
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 30%;
	
}
.modal-content p{
	
	text-align : center;
	font-size : 18px;
	margin-top : 3%
	
}
/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
	opacity : 0.6;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}



	/* @font-face {
			font-family: TAM5;
			src: url("../fonts/TAM5-regular.ttf");
	 }
   Remove the navbar's default margin-bottom and rounded borders */
    .navbar {
      margin-bottom: 0;
      border-radius: 0;
	 /* box-shadow: 0px 0px 15px 0px rgba(50,50,50,0.7);
	  -webkit-box-shadow: 0px 0px 15px 0px rgba(50,50,50,0.7);*/
	  z-index: 1;
    }
	
	
	.navbar-inverse{
		background-color: white;
        border-color: white;
		border-bottom-width: 2px;
		border-bottom-color: #660099;
	}
	
	.navbar-inverse .navbar-nav > li > a{
		color : rgb(146, 39, 200);
		font-size: 18px;
		font-weight: bold;	
	}
	
	.navbar-inverse .navbar-nav > .active > a{
		background-color: transparent;
		color : #660099;
		font-size: 18px;
        font-weight: bold;
		
		/*-webkit-transform: scale(1.3);
		-ms-transform: scale(1.3);
		transform: scale(1.3);*/
		
	}
	
	.navbar-inverse .navbar-nav > .active > a:hover, 
	.navbar-inverse .navbar-nav > .active > a:focus{
		background-color: transparent;
		color : #660099;
		 
		
	}
	.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus{
		
			color: #660099;
			background-color: transparent;
			/* -webkit-transform: scale(1.3);
			-ms-transform: scale(1.3);
			transform: scale(1.3);*/
	}
	
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
		border-color: #fbdbe1;
	}
	
	.navbar-inverse .navbar-toggle{
		    border-color: #fbdbe1;
			background-color :#660099; 
	}
	
	.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
		background-color: #944ab9;
		
	}
	
	.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus{
		color: #660099;
			background-color: transparent;
		
	}
	
   .navbar {
	  min-height: 95px;
	}
	.navbar-nav > li > a {
	  line-height: 70px;
	}
	.navbar-toggle {
	  margin-top: 25px;
	}
	
	    
    /* Add a gray background color and some padding to the footer */
    footer {
      background-color: #f2f2f2;
      padding: 25px;
    }
    
  .carousel-inner img {
      width: 100%; /* Set width to 100% */
      margin: auto;
      min-height:200px;
  }
  
  .slider-form{
	    position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
        left: auto;
		/*width: 30%;*/
		font-size: 20px;
		color: white;
		text-align: left;
		/*min-height:200px;
		border: 2px solid black;*/
	  
  }
  
  .form-background{
		position: absolute;
		top: 0%;
		z-index: 5;
		display: inline-block;
		background-color: hsla(280, 100%, 36%, 0.71);
		 box-shadow: 0px 0px 15px 0px rgba(50,50,50,0.7);
	  -webkit-box-shadow: 0px 0px 15px 0px rgba(50,50,50,0.7);
		padding: 18px;
		width : 100%;
		/*border: 2px solid black;*/
  }
  .form-control{
		 height: 34px;
		 font-size: 16px;
	}
	.form-group {
      margin-bottom: 35px;
	  margin-top: 12px;
	}
  
  
	  footer {
		background-color: #420062;
		padding: 12px;
		color : white;
	}
	
	.social-icons{
	font-size: 40px;
   
}
	
  
  
  /* Hide the carousel text when the screen is less than 600 pixels wide */
  
  @media (max-width: 640px) {
    .carousel-caption {
      display: none;
    }
	.navbar-inverse .navbar-nav > li > a {
	  line-height: 25px;
	}
	
	.form-group {
      margin-bottom: 27px;
	}
	
	.slider-form{
		
		font-size : 14px;
	}
	
	label {
		 margin-bottom: 0px;
	}
	
	.navbar-nav > li > a {
	  line-height: 0px;
	}
	
	.btn-default{
		
		padding: 3px 6px;
		margin-bottom: 0;
		font-size: 12px;
	}
	.form-background{
		
		padding : 12px;
	}
	

  }
  
  @media (max-width: 600px) {
 
	.form-group {
		margin-bottom: 22px;
	}
	
	.form-control{
		 height: 25px;
	}
	
	.form-background{
		
		padding : 11px;
	}
	
  }
  
  @media (max-width: 480px) {
 
	.form-group {
		margin-bottom: 22px;
	}
	
	.form-control{
		 height: 25px;
	}
	
	.form-background{
		
		padding : 11px;
	}
	
  }
  
	@media (min-width: 768px) {
	  .navbar-nav.navbar-right:last-child {
		margin-right: 0;
	  }
	}
	
	@media (max-width: 768px) {
	 .form-background{
		padding : 12px;
		
	 }
	}
  
  @media (min-width: 992px){
		.col-md-3 {
			width: 30%;
		}