/*============================*/
/*STYLING for the ABOUT PAGE*/
/*============================*/

.container{
	width: 80%;
	margin: 0 auto;
}
.header{
	margin-bottom: 40px;
}
.header h1{
	text-align: center;
	font-weight: 700;
}

.image {
	display: inline-block;
	float: left;
}

.column{
	display: inline-block;
	float: left;
	width: 30%;
	padding: 0 20px;
}

.skills{
	background-color: #5AD4C2;
	color: #fff;
}

.main-text{
	clear: both;
	padding-top: 60px;
}

.about-image{
	width: 100%;
}

#skill-list{
	margin-left: 10px;
}

/*=================
 **TYPOGRAPHY**
=================*/

h1,
h2,
h3
{
	font-family: Raleway, Futura, Helvetica, Arial, sans-serif !important;
	letter-spacing: 0.15em;
}

p,
li,
a{
	font-family: 'Roboto Slab', 'Big Caslon', 'Times New Roman', serif;
}

.intro h2,
.main-text h3{
	font-family: Raleway, Futura, Helvetica, Arial, sans-serif;
	font-size: 2em;
	font-weight: 700;
	-webkit-margin-before: 0;
}

.intro p{
	font-family: Raleway, Futura, Helvetica, Arial, sans-serif;
	font-size: 1.35em;
	font-weight: 400;
	-webkit-margin-before: 0;
}

.skills h3{
	text-align: center;
	text-transform: uppercase;
}

.main-text p{
	font-size: 1.25em;
}


/*==========================
*****NAVIGATION***********
==========================*/
.navbar-inverse{
	background-color: rgba(0,0,0,0.75) !important;
}
.navbar-brand a{
	color: rgba(255, 254, 234,0.8);
	text-transform: uppercase;
	font-size: .8em;
	letter-spacing: 0.5em
}

.dropdown-menu{
	background-color: rgba(0,0,0,0.75) !important;
}
.navbar-nav li>a{
	text-transform:uppercase;
	color: #fffeea;
	letter-spacing: 0.15em;
}

.dropdown-menu li>a{
	text-transform:uppercase;
	color: #fffeea;
	letter-spacing: 0.1em;
}
/*==========================*/
/*Navigation Link Hover*/
/*==========================*/
.nav.navbar-nav a:hover,
.navbar-brand a:hover,
.nav.navbar-nav a:focus{
	text-decoration:none;
	background-color: rgba(255, 254, 234, .3);
	margin-left:10px;
	color: #5AD4C2;
	letter-spacing: 0.5em;
	border-radius: 1em;
	padding: 3px 0 3px 5px;
	transition: 600ms;
	-webkit-transition: 600ms;
}


.nav.navbar-nav>li>a:hover,
.nav.navbar-nav>li>a:active{
	text-decoration:none;
	color: #5AD4C2;
	letter-spacing: 0.5em;
	margin-top: 12px;
	background-color: rgba(255, 254, 234, .3);
	transition: 600ms;
	-webkit-transition: 600ms;
}

.dropdown-menu li>a:hover{
	text-transform:uppercase;
	color: #fffeea;
	letter-spacing: 0em;
	text-align: center;
}