/* fonts and logo */
body {font-family: 'Hind Madurai', sans-serif;}
body {background-image: url(images/bg.png);}
.logo-svg {width:20em;}
.logo-hide {display:none;}


/* colors and weight */
header {
	background-image:linear-gradient(
		rgba(0,0,0,1), rgba(23,23,30,.8)
		);
}
header .text-lead {color:#e7e7e7;font-weight:400;}
header .text-leadsub {color:#e7e7e7;font-weight:300;}
header p {color:#b7b7b7;}
a {color:#333;}
#drob-bio h2, #drob-portfolio h2, #drob-ux h2 {font-weight:700;}
#drob-bio h3 {font-weight:300;}
#drob-bio h2, #drob-portfolio h2, #drob-ux h2 {
	background-color:rgba(23,23,30,.8);color:#e7e7e7;
}
ul li, .container-ux {background-color:#fff;}
footer {
	background-image:linear-gradient(
		rgba(23,23,30,.8), rgba(0,0,0,1)
		);
	color:#e7e7e7
}
address a {color:#fff;}


/* anchors */
a {text-decoration:underline;}
#drob-portfolio img:hover, #drob-ux img:hover {border:1px solid #337ab7;}


/* effects */
#drob-bio ul li {
	border-bottom:1px solid #bbb;
	box-shadow:0 1px 3px rgba(0,0,0,.25);
}
#drob-bio h2, #drob-portfolio h2, #drob-ux h2 {
	text-shadow:1px 2px 2px rgba(0,0,0,.35);
}


/* margins, padding, dimensions */
header .container {padding:3em 4em 4em 4em;}
.text-leadsub {margin-bottom:2em;}
#drob-bio h2, #drob-portfolio h2, #drob-ux h2 {margin:1.5em 0;padding:0.5em;}
#drob-bio ul li {padding:0.5em 1.5em 1.5em 1.5em;margin-bottom:1em;}
#drob-portfolio ul li {padding:1em;}
footer {padding:1em 0;}
footer address {margin-top:0.5em;}

#drob-portfolio ul li {height:544px;}
#drob-ux ul li {height:300px;}
.container-ux-img img {max-height:60%;}

.glyphicon-volume-up {font-size:3em;}