@import url(http://fonts.googleapis.com/css?family=Roboto:400,500,300);
body{
	background: url(../images/bg.svg) repeat-x;
	background-size: 137%;
	background-position: 28% 34%;
	background-color: #f57f25;
	font-family: 'Roboto', sans-serif;
}

section{
	background: #fff;
	padding: 30px 0px;
	/*margin-bottom: 30px;*/
}

header{
	font-family: 'Roboto', sans-serif;
	padding: 50px 0px;
	margin-top: 50px;
	color: #fff;
}

.ca_logo{
	width: 300px;
}

header h1{
	font-size: 60px;
}

.wrapper{
	/*background: rgba(0,0,0, 0.4);*/
}

.navbar{
	background-color: #f57f25;
	margin-bottom: 0;
	border: none;
	/*background: none;*/
}

.time_machine{
	padding-top: 15px;
}

.time_machine .t_block{
	display: inline-block;
	vertical-align: top;
	width: 50px;
}

.t_box{
	padding:10px 0px;
	background: #ffffff;
	color: #333;
	font-size: 18px;
	border-radius: 5px;
}

.navbar-brand{
	background-color: #f57f25;
}

.navbar-brand:hover{
	background-color: #f57f25 !important;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{
	background: none !important;
	border-bottom: 3px solid #ffffff;
	color: #ffffff;
}

.navbar-default .navbar-nav>li>a{
	color: #f8f8f8;
	font-weight: 600;
}

.navbar-fixed-top{
	width: inherit;
	margin:auto;
}

.content h2{
	border-bottom-color: #f57f25;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	padding-bottom: 7px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.content:hover h2{
	border-bottom-color: #f57f25;
	border-bottom-width: 2px;

}

.job_card{
	padding: 15px;
	background: #e4e4e4;
	margin-top: 15px;
}

.job_card h3{
	margin-top: 0;
}

footer{
	color: #cccccc;
	padding: 15px 0px;
}

#brand-logo {
	width: 202px;
	height: 55px;
	margin: 1em auto 0;
	background: url("https://d3keuzeb2crhkn.cloudfront.net/hackerrank/assets/brand/typemark--inverse60x200.png");
}