.container-fluid{   
				
				margin-top:10px;
				}
				
#title{   
			
			
			
			padding:25px;
			font-family: 'Times New Roman', Times, serif;
			letter-spacing:3px;
			color:white;
			}
			
#title{
	    color:white;
		text-shadow:10px 10px 10px gray;
		font-size:40px;
		}

		#social{
	    color:white;
		text-shadow:5px 5px 5px gray;
		font-size:20px;
		}
			

				
 nav.navbar{   
			
			width:100%;
			line-height:100%;
			margin-bottom:0px;
			}
				
nav ul { 			
		width:100%;
		
		}
				
nav ul li{ 			
		width:14.28%;
		background:#3CB371;
		border-right:1px solid white;	
	
		}	

		
nav ul li a{ 			
		font-size:14px;	
		
		}
		
#p1 ul li a:hover{ 			
		background:#CD5C5C;			
		}

		@media only screen and (max-width: 640px) {
			body {
			  background-color: lightblue;
			}
			nav ul li{ 			
				width:40%;
				background:#DA70D6;
				border-right:1px solid white;	
				}
		
				img#imglogo{ 			
				width:40%;			
				}	
		
				#t{ 			
				font-size: 30px;			
				}
		
				#slide{ 			
				width: 100%;			
				}	
		
				h1{ 			
				font-size: 1em;			
				}	
		
				p#t{ 			
				padding: 0px;					
				}		
		 }