body {
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
}

h1 {
	font-size: 48px;
    font-weight: 800;
    margin: 0 0 0 0;
}


h2 {
	font-size: 34px;
    font-weight: 800;
    margin: 0 0 20px 0;
    opacity: .6;
}


h3 {
	font-size: 28px;
    margin: 0 0 20px 0;
    opacity: .6;
	line-height: 1.4;
	font-weight: 400;
}

h4 {
	font-size: 24px;
	opacity: .8;
}

body#about h3 {
    font-size: 40px;
    margin: 0 0 0 0;
}

p {
	font-size: 16px;
}



/*
================================
navigation
================================
 */

.nav-main {
	background: rgba(152, 152, 152, 0.54);	

}
.navbar-brand {
	font-size: 48px;
    font-weight: 800;	
}

.nav>li {
	display: inline-block;
}

.nav>li>a {
	font-size: 19px;
    color: #464646;
    font-weight: 600;
}

.nav>li>a:focus,
.nav>li>a:hover {
    text-decoration: none;
    background-color: inherit;
    color: #fff;
}
span.icon-bar {
    background: #333;
}

/*
================================
content
================================
 */

.content {
	margin: 100px auto 20px;
}



/*
================================
SOCIAL BIGGER
================================
 */
 
 ul.social {
	 margin: 20px 0 0 0;
	 padding: 0 0 0 0;
	 width: 100%;
	 
 }
 
	 ul.social li{
		list-style-type: none;
		float: left;
		display: inline;
		}
	 
		ul.social li a {
		    padding: 15px 20px;
		    width: 200px;
		    display: inline-block;
		    padding-left: 68px;
		    color: #fff;
		    font-size: 20px;
		}
		
		@media (max-width: 480px) {
			ul.social li {
		float: none;
		display: block;
		}
			
			ul.social li a {width: 100%}

}

		
			ul.social li a:hover {
				text-decoration: none;	
				}
						 
				ul.social li.twitter a {
					background: #55acee url(/images/icon-twitter-white-34px.png) no-repeat 20px center;
					}
				
				ul.social li.twitter a:hover {
					background: #4997d1 url(/images/icon-twitter-white-34px.png) no-repeat 20px center;
					}
				
				 
				ul.social li.linkedin a {
				    background: #452B7F url(/images/icon-linkedin-white-34px.png) no-repeat 20px center;
					}
				
				ul.social li.linkedin a:hover {
					background: #2c1a53 url(/images/icon-linkedin-white-34px.png) no-repeat 20px center;
					}
					
				 
				ul.social li.email a {
				    background: #e74506 url(/images/icon-email-white-34px.png) no-repeat 20px center;
					}
				
				ul.social li.email a:hover {
					background: #c43e09 url(/images/icon-email-white-34px.png) no-repeat 20px center;
					}
					
				
				 
				ul.social li.resume a {
				    background: #a70d5b url(/images/icon-resume-white-34px.png) no-repeat 20px center;
					}
				
				ul.social li.resume a:hover {
					background: #820945 url(/images/icon-resume-white-34px.png) no-repeat 20px center;
					}
					
				
				 
				ul.social li.instagram a {
				    background: #22943f url(/images/icon-instagram-white-34px.png) no-repeat 20px center;
					}
				
				ul.social li.instagram a:hover {
					background: #146a29 url(/images/icon-instagram-white-34px.png) no-repeat 20px center;
					}
/*
================================
SOCIAL SMALLER
================================
 */
 
 ul.social {
	 margin: 20px 0 0 0;
	 padding: 0 0 0 0;
	 width: 100%;
	 
 }
 
	 ul.social li{
		list-style-type: none;
		float: left;
		display: inline;
		}
	 
		ul.social li a {
		    padding: 10px 15px;
		    width: 175px;
		    display: inline-block;
		    padding-left: 46px;
		    color: #fff;
		    font-size: 20px;
		}
		
		@media (max-width: 480px) {
			ul.social li {
		float: none;
		display: block;
		}
			
			ul.social li a {width: 100%}

}

		
			ul.social li a:hover {
				text-decoration: none;	
				}
						 
				ul.social li.twitter a {
					background: #55acee url(/images/icon-twitter-white-34px.png) no-repeat 12px center; background-size: 24px;
					}
				
				ul.social li.twitter a:hover {
					background: #4997d1 url(/images/icon-twitter-white-34px.png) no-repeat 12px center; background-size: 24px;
					}
				 
				ul.social li.linkedin a {
				    background: #452B7F url(/images/icon-linkedin-white-34px.png) no-repeat 12px center; background-size: 24px;
					}
				
				ul.social li.linkedin a:hover {
					background: #2c1a53 url(/images/icon-linkedin-white-34px.png) no-repeat 12px center; background-size: 24px;
					}
					
				ul.social li.email a {
				    background: #e74506 url(/images/icon-email-white-34px.png) no-repeat 12px center; background-size: 24px;
					}
				
				ul.social li.email a:hover {
					background: #c43e09 url(/images/icon-email-white-34px.png) no-repeat 12px center; background-size: 24px;
					}
				 
				ul.social li.resume a {
				    background: #a70d5b url(/images/icon-resume-white-34px.png) no-repeat 12px center; background-size: 24px;
					}
				
				ul.social li.resume a:hover {
					background: #820945 url(/images/icon-resume-white-34px.png) no-repeat 12px center; background-size: 24px;
					}
				 
				ul.social li.instagram a {
				    background: #22943f url(/images/icon-instagram-white-34px.png) no-repeat 12px center; background-size: 24px;
					}
				
				ul.social li.instagram a:hover {
					background: #146a29 url(/images/icon-instagram-white-34px.png) no-repeat 12px center; background-size: 24px;
					}



/* 
------------------------------------
MEDIA QUERIES
------------------------------------
*/

/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {

}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {

}

/* Portrait phones and smaller */
@media (max-width: 480px) {

}