body {
    background-image:url("../img/bg.png");
    min-width: 350px;
}

.mobile-title {
    display: none;
    line-height: 50px;
    font-size: 1.5em;
    font-size: 3.75vw;
    margin-left: 0.5em;
}

img.mobile-logo {
    display:none;
}

.notfound {
    font-size: 6em;    
}

h1 {
	color: #444;
	font-family: 'Oswald', sans-serif;
	font-weight: bold;
    font-size: 2.5em;
	text-transform: uppercase;
}

header p {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1.5em;
	margin-top: -15px;
}

h2 {
    font-family: Arial, sans-serif;
    font-weight: bold;
    color: #444;
    font-size: 2em;
}

h3 {
    font-family: Arial, sans-serif;
    font-weight: bold;
    color: #444;
    font-size: 1.5em;
	margin-top: 40px;
	margin-bottom: 0;
}

h4 {
    font-family: Arial, sans-serif;
    font-weight: bold;
    color: #444;
    font-size: 1em;
	margin-top: 20px;
	margin-bottom: 10px;
}

.row-fluid p {
    font-family: Arial, sans-serif;
    font-weight: normal;
    color: #555;
    font-size: 1em;
	margin-top: 5px;
}

.row-fluid li { margin-bottom: 7px; }

form div { margin-top: 15px; }

form label {
	font-weight: normal;
}

form input { width: 200px; }

#posterPresentation { width: 20px; }

form div span {
	color: red;
	font-weight: bold;
	margin-left: 5px;
}

form button {
	padding: 5px;
	margin-bottom: 20px;
}

blockquote { font-size: 1em; }

.glyphicon { margin-right: 1em; }

.wrapper {
    line-height: 150%;
    max-width: 1024px;
    min-width: 250px;
    margin: 0 auto;
    background-color: #fefefe;
    -webkit-box-shadow: 0px 10px 50px 0px rgba(4,4,4,1);
    -moz-box-shadow: 0px 10px 50px 0px rgba(4,4,4,1);
    box-shadow: 0px 10px 50px 0px rgba(4,4,4,1);
}

.page-header { margin-top: 0; }

.navbar-collapse { padding: 0; }

header { padding: 15px; }

.navbar-header { min-width: 350px; }

.nav-stacked { margin: 0; }

.unstyled { list-style: none; }

ul.unstyled  li { margin: 0.3em 0; }

.navbar-default .navbar-toggle:focus { background-color: transparent !important; }

.navbar-default .navbar-toggle:active { background-color: #ddd !important; }

footer { text-align: right; }

footer img {
	margin: 20px 0 0 20px;
}

.table thead tr { background-image: linear-gradient(to bottom, #fff 0%, #f8f8f8 100%); }

@media all and (min-width: 768px) {
    .wrapper {
        padding: 0 2em;
    }
}

@media all and (max-width: 1024px) {
    h1 { font-size: 3.2vw;}
	h2 { font-size: 3.2vw;}
	h3 { font-size: 3.2vw;}
	header p {
	  font-size: 2.1vw;
	}
}
@media all and (max-width: 768px) {
    .navbar{
        margin: 0 -20px 20px -15px;
        position: fixed;
        width: 100%;
        z-index: 10;
        overflow: hidden;
    }
    
    .navbar.scroll {
        overflow-y: scroll;
        height: 100%;
    }
    
    .navbar-toggle { margin-right: 25px; }
    
    .container-hide { display:none; }
    
    .container { margin-top: 60px; }
    
    header { display: none; }
    
    .mobile-title { display: block; }
    
    img.mobile-logo {
        display: block;
        height: 50px;
        padding: 5px;
        float: left;
    }
	
	#sideImage { display: none; }
}

@media all and (max-width: 440px) {
    h1 { font-size: 1em;}
	h2 { font-size: 1em;}
	h3 { font-size: 1em;}
}

@media all and (max-width: 400px) {
    .mobile-title { font-size: 1em; }
    
    img.mobile-logo {
        width: calc(100% - 101px);
        height: auto;
    }
	
	footer {
		text-align: center;
	}

	footer a {
		display: block;
	}
}

@media print {
    footer { display: none; }
}