/*Colour Scheme*/

@import url('https://fonts.googleapis.com/css?family=Monda:400,700&display=swap');

html, body {
	height: 100%;
	color: #ffffff;
	background-color: #0B0F14;
}

.bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	background-image: url('../img/melbourne-opt.jpg');
	background-position: 40% 10%;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: rgba(54,63,94,0.65);
	background-blend-mode: overlay;

	opacity: 1;

	animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
}

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

.color-1 { color: #274D6B; } 
.color-2 { color: #F1A93E; } 
/* .color-2 { color: #487BA6; } 
.color-3 { color: #BD84A4; } 
.color-4 { color: #FFABB8; } 
.color-5 { color: #FAE0DF; } 
.color-6 { color: #FFFFFF; }  */

.container {
	/* z-index: 10; */
	position: relative;
	height: 100%;
	display: flex;
	flex-direction: column;
	/* align-items: center; */
	justify-content: center;
}

h1, h2 {
	font-family: 'Monda', sans-serif;

	text-align: center;
	font-weight: 700;
	text-shadow: 0rem 0rem 2rem rgba(11,15,20,0.5);
}

h1 {
	font-size: 3.0rem;
}

h2 {
	font-size: 1.7rem;
}

.contact-group {
	padding-top: 3rem;
}

.btn-group-lg>.btn, .btn-lg {
	font-size: 1.1rem;
}

.btn-primary, .btn-primary:hover  {
	display: inline-block;
	text-decoration: none;
	background: #F1A93E;	
	border-color: #F1A93E;
	border-radius: 0.15rem;
	/* box-shadow: 0px 5px 0px 0px #8E5A0B; */
	box-shadow: 0rem 0rem 1rem 0rem rgba(11,15,20,0.8);
	color: #1E3C52;
	transform: translateY(0px);
	transition: 0.1s;
}

.btn-primary:hover {
	/* transform: translateY(4px); */
	background: #F2B150;
	/* box-shadow: 0px 1px 0px 0px #8E5A0B; */
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
	background: #F1A93E;	
	border-color: #F1A93E;
	color: #1E3C52;
	transform: scale(0.95)
	
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	/* IE Blend Mode Fallback */
	.bg:before {
		content: "";
		position: absolute;
		height: 100%;
		width: 100%;
		background-color: rgba(11,15,20,0.8);
		background-blend-mode: unset;
	  }
}




/*// Extra small devices (portrait phones, less than 576px)*/
/*// No media query for `xs` since this is the default in Bootstrap*/

/*// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { 
	.btn-group-lg>.btn, .btn-lg {
		font-size: 1.4rem;
	}

	h1 {
		font-size: 4rem;
	}
	
	h2 {
		font-size: 2.25rem;
	}
 }

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {  }

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {  }

/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { }