/* Site CSS */
#home > #page > #header {
padding: 0;
}

#home > #page > #hero {
background: url('../img/student.jpg') no-repeat top left #fff;
background-size: cover;
height: 500px;
}

/* Ghost Box */
.ghost-box {
background: rgba(193, 0, 55, 0.6);
border: solid 5px #fff;
color: #fff;
margin: 375px 0 0 0;
padding-left: 0;
}

.ghost-box h1 {
    font-size: 50px;
font-weight: 800;
letter-spacing: 4px;
text-transform: uppercase;
}

.ghost-box h1 {
padding: 5px 8px;    
}

.ghost-box p {
padding: 0 8px;    
}

.ghost-box a.btn {
display: block;
width: 100%;
}

@media (max-width: 770px) {
    .ghost-box h1 {
        font-size: 36px;
        } 
     
     #home > #page > #hero {
        height: 250px;
        background-size: 1000px 250px;
        background-position: -100px 0;
    }
    
    #home #primary img {
        display: none;
    }
    
    .ghost-box {
        margin-top: 140px;
    }
}

@media (max-width: 400px) {
    .ghost-box h1 {
        font-size: 18px;
    } 
} 
    

/* Datatable formats */
 table.dataTable thead th {
	 position: relative;
	 background-image: none !important;
}
 table.dataTable thead th.sorting:after, table.dataTable thead th.sorting_asc:after, table.dataTable thead th.sorting_desc:after {
	 position: absolute;
	 top: 12px;
	 right: 8px;
	 display: block;
	 font-family: FontAwesome;
}
 table.dataTable thead th.sorting:after {
	 content: "\f0dc";
	 color: #ddd;
	 font-size: 0.8em;
	 padding-top: 0.12em;
}
 table.dataTable thead th.sorting_asc:after {
	 content: "\f0de";
}
 table.dataTable thead th.sorting_desc:after {
	 content: "\f0dd";
}

/* Course Placement */
 .label-default {
	background-color: #555;
}

 #placementlist_wrapper #placementlist_filter {
	 display: none;
}