// Fonts
@import url('https://fonts.googleapis.com/css?family=Nunito');

// Variables
@import 'variables';

// Bootstrap
@import '~bootstrap/scss/bootstrap';

.navbar-laravel {
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}

.page-header {
	@extend .jumbotron;
	background-color: rgb(255,255,255,0.5);
	padding: 2rem;
}

@media( max-width: 500px ) {
	body {
		background: url(/img/sakamoto-mobile.jpg) no-repeat left center fixed;
	}
}
@media( max-width: 1640px ) and ( min-width: 500px ) {
	body {
		background: url(/img/sakamoto-mobile.jpg) no-repeat right center fixed;
	}
}
@media( min-width: 1640px ) {
	body {
		background: url(/img/sakamoto.jpg) no-repeat center center fixed;
	}
}
body {
	background-color: #c6c6c6;
}

.bg-white-transparent {
	background-color: rgb(255,255,255,0.5);
}

.float-left-xl {
	float: left !important;
}

/*@media( max-width: 768px ) {*/
@media( max-width: 500px ) {
	.hide-sm {
		display: none;
	}
	.float-left-xl {
		float: inherit !important;
	}
	.hide-synopsis-sm {
		display: none;
		@include clearfix;
	}
}