/*!
 * Start Bootstrap - Freelancer v3.3.7+1 (http://startbootstrap.com/template-overviews/freelancer)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */
/* Bootstrap 5 compatibility: keep the original Bootstrap 3 look */
:root{
	scroll-behavior:auto;
}
body{
	font-family:'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height:1.42857143;
	color:#333;
	overflow-x:hidden;
	background:#f4f4f4;
}
h1,h2,h3{
	margin-top:20px;
	margin-bottom:10px;
}
h4,h5,h6{
	margin-top:10px;
	margin-bottom:10px;
}
h1,h2,h3,h4,h5,h6{
	line-height:1.1;
}
h1{font-size:36px;}
h2{font-size:30px;}
h3{font-size:24px;}
h4{font-size:18px;}
h5{font-size:14px;}
h6{font-size:12px;}
p{
	margin:0 0 10px;
}
a{
	text-decoration:none;
}
a:hover,
a:focus{
	text-decoration:underline;
}
.btn:hover,
.btn:focus,
.nav-link:hover,
.nav-link:focus,
.navbar-brand:hover,
.navbar-brand:focus{
	text-decoration:none;
}
hr{
	margin:20px 0;
	border-top:1px solid #eee;
	color:#eee;
	opacity:1;
}
.container,
.row{
	--bs-gutter-x:30px;
}
@media (min-width:576px){
	.container{max-width:none;}
}
@media (min-width:768px){
	.container{max-width:750px;}
}
@media (min-width:992px){
	.container{max-width:970px;}
}
@media (min-width:1200px){
	.container{max-width:1170px;}
}
.form-group{
	margin-bottom:15px;
}
.form-control{
	line-height:1.42857143;
	color:#555;
}
.form-control::placeholder{
	color:#999;
}
.btn{
	--bs-btn-padding-y:6px;
	--bs-btn-padding-x:12px;
	--bs-btn-font-size:14px;
	--bs-btn-line-height:1.42857143;
	--bs-btn-border-radius:4px;
}
.btn-lg{
	--bs-btn-padding-y:10px;
	--bs-btn-padding-x:16px;
	--bs-btn-font-size:18px;
	--bs-btn-line-height:1.3333333;
	--bs-btn-border-radius:6px;
}
.alert{
	--bs-alert-padding-x:15px;
	--bs-alert-padding-y:15px;
	--bs-alert-margin-bottom:20px;
	--bs-alert-border-radius:4px;
}
.alert-success{
	--bs-alert-color:#3c763d;
	--bs-alert-bg:#dff0d8;
	--bs-alert-border-color:#d6e9c6;
}
p{
	font-size:20px;
}
p.small{
	font-size:16px;
}
a,
a:hover,
a:focus,
a:active,
a.active{
	color:#984b43;
	outline:none;
}
h1,
h2,
h3,
h4,
h5,
h6{
	font-family:"Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	font-weight:700;
}
.img-centered{
	margin:0 auto;
}
header{
	text-align:center;
	color:#fff;
	background-image:url(../img/piano-keys.jpg);
	background-position:center top;
	background-size:cover;
}
header .container{
	padding-top:100px;
	padding-bottom:50px;
}
header img{
	display:block;
	margin:0 auto 20px;
}
header .intro-text .name{
	display:block;
	font-family:"Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	font-weight:700;
	font-size:2em;
}
header .intro-text .skills{
	font-size:1.25em;
	font-weight:300;
}
header .intro-text .skills br{
	display:none;
}
@media (min-width:768px){
	header .container{
		padding-top:200px;
		padding-bottom:100px;
	}
	header .intro-text .name{
		font-size:4.75em;
	}
	header .intro-text .skills{
		font-size:1.75em;
	}
	header .intro-text .skills br{
		display:inherit;
	}
}
.navbar-custom{
	--bs-navbar-nav-link-padding-x:15px;
	padding:0;
	background:#18121e;
	font-family:"Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	font-weight:700;
	border:none;
}
.navbar-custom a:focus{
	outline:none;
}
.navbar-custom .navbar-brand{
	height:50px;
	margin-right:0;
	margin-left:-15px;
	padding:15px;
	font-size:18px;
	line-height:20px;
	color:#fff;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus,
.navbar-custom .navbar-brand:active,
.navbar-custom .navbar-brand.active{
	color:#fff;
}
.navbar-custom .navbar-nav{
	letter-spacing:1px;
}
.navbar-custom .navbar-nav li a{
	padding:10px 15px;
	font-size:14px;
	line-height:20px;
	color:#fff;
}
.navbar-custom .navbar-nav li a:hover{
	color:#f4f4f4;
	background:#233237;
	outline:none;
}
.navbar-custom .navbar-nav li a:focus,
.navbar-custom .navbar-nav li a:active{
	color:#fff;
}
.navbar-custom .navbar-nav li a.active{
	color:#fff;
	background:#984b43;
}
.navbar-custom .navbar-nav li a.active:hover,
.navbar-custom .navbar-nav li a.active:focus,
.navbar-custom .navbar-nav li a.active:active{
	color:#fff;
	background:#984b43;
}
.navbar-custom .navbar-toggler{
	align-self:flex-start;
	margin:8px 0;
	color:#fff;
	text-transform:uppercase;
	font-size:1.3em;
	line-height:1.42857143;
	border:0;
	border-radius:4px;
	padding:3px 10px;
}
.navbar-custom .navbar-toggler:hover,
.navbar-custom .navbar-toggler:focus{
	background-color:#984b43;
	color:#fff;
	box-shadow:none;
}
@media (max-width:767.98px){
	.navbar-custom .navbar-collapse{
		margin:0 -15px;
		padding:0 15px;
		border-top:1px solid #e7e7e7;
	}
	.navbar-custom .navbar-nav{
		margin:7.5px -15px;
	}
}
@media (max-width:480px){
	.nav-name{
		display:none;
	}
}
@media (min-width:768px){
	.navbar-custom{
		padding:25px 0;
		-webkit-transition:padding 0.3s;
		-moz-transition:padding 0.3s;
		transition:padding 0.3s;
	}
	.navbar-custom .navbar-brand{
		font-size:2em;
		-webkit-transition:all 0.3s;
		-moz-transition:all 0.3s;
		transition:all 0.3s;
	}
	.navbar-custom .navbar-nav{
		margin-right:-15px;
	}
	.navbar-custom .navbar-nav li a{
		padding:15px;
	}
	.navbar-custom.affix{
		padding:10px 0;
	}
	.navbar-custom.affix .navbar-brand{
		font-size:1.5em;
	}
}
section{
	padding:100px 0;
}
section h2{
	margin:0;
	font-size:3em;
}
section.success{
	background:#233237;
	color:#fff;
}
@media (max-width:1199.98px){
	/* stacked columns: let margins collapse like the Bootstrap 3 layout */
	section.success .row{
		display:block;
	}
	section.success .row::before,
	section.success .row::after{
		content:"";
		display:table;
	}
}
@media (max-width:767px){
	section{
		padding:75px 0;
	}
	section.first{
		padding-top:75px;
	}
}
.floating-label-form-group{
	position:relative;
	margin-bottom:0;
	padding-bottom:0.1em;
}
.floating-label-form-group input,
.floating-label-form-group textarea{
	z-index:1;
	position:relative;
	padding-right:0;
	padding-left:0;
	border:none;
	border-radius:0;
	font-size:1.5em;
	background:none;
	box-shadow:none !important;
	resize:none;
}
.floating-label-form-group input.form-control{
	height:34px;
}
.floating-label-form-group label{
	display:block;
	font-weight:700;
	z-index:0;
	position:relative;
	top:2em;
	margin:0;
	font-size:0.85em;
	line-height:1em;
	vertical-align:middle;
	vertical-align:baseline;
	opacity:0;
	-webkit-transition:top 0.3s ease,opacity 0.3s ease;
	-moz-transition:top 0.3s ease,opacity 0.3s ease;
	-ms-transition:top 0.3s ease,opacity 0.3s ease;
	transition:top 0.3s ease,opacity 0.3s ease;
}
.floating-label-form-group:not(:first-child){
	padding-left:14px;
	border-left:1px solid #ddd;
}
.floating-label-form-group-with-value label{
	top:0;
	opacity:1;
}
.floating-label-form-group-with-focus label{
	color:#233237;
}
form .row:first-child .floating-label-form-group{
	/*border-bottom:1px solid #ddd;*/
}
footer{
	color:#fff;
}
footer h3{
	margin-bottom:30px;
}
footer .footer-above{
	padding-top:50px;
	background-color:#233237;
}
footer .footer-col{
	margin-bottom:50px;
}
footer .footer-below{
	padding:25px 0;
	background-color:#18121e;
}
.btn-outline{
	color:#fff;
	font-size:20px;
	border:solid 2px black;
	background:transparent;
	transition:all 0.3s ease-in-out;
	margin-top:15px;
}
.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active,
.btn-outline.active{
	color:#fff;
	background:#984b43;
	border:solid 2px #984b43;
}
.btn-primary{
	--bs-btn-color:#fff;
	--bs-btn-bg:#984b43;
	--bs-btn-border-color:#984b43;
	--bs-btn-hover-color:#fff;
	--bs-btn-hover-bg:#984b43;
	--bs-btn-hover-border-color:#984b43;
	--bs-btn-active-color:#fff;
	--bs-btn-active-bg:#984b43;
	--bs-btn-active-border-color:#984b43;
	--bs-btn-disabled-color:#fff;
	--bs-btn-disabled-bg:#984b43;
	--bs-btn-disabled-border-color:#984b43;
	--bs-btn-focus-shadow-rgb:152,75,67;
	font-weight:700;
}
.btn-success{
	--bs-btn-color:#fff;
	--bs-btn-bg:#984b43;
	--bs-btn-border-color:#984b43;
	--bs-btn-hover-color:#f4f4f4;
	--bs-btn-hover-bg:#233237;
	--bs-btn-hover-border-color:#233237;
	--bs-btn-active-color:#f4f4f4;
	--bs-btn-active-bg:#233237;
	--bs-btn-active-border-color:#233237;
	--bs-btn-disabled-color:#fff;
	--bs-btn-disabled-bg:#984b43;
	--bs-btn-disabled-border-color:#984b43;
	--bs-btn-focus-shadow-rgb:152,75,67;
	font-weight:700;
}
.btn-social{
	display:inline-block;
	height:50px;
	width:50px;
	color:#984b43;
	border:2px solid #984b43;
	border-radius:100%;
	text-align:center;
	font-size:20px;
	line-height:45px;
}
.btn:focus,
.btn:active,
.btn.active{
	outline:none;
}
.scroll-top{
	position:fixed;
	right:2%;
	bottom:2%;
	width:50px;
	height:50px;
	z-index:1049;
}
.scroll-top .btn{
	font-size:20px;
	width:50px;
	height:50px;
	border-radius:100%;
	line-height:28px;
}
.scroll-top .btn:focus{
	outline:none;
}