/*!
 * Start Bootstrap - Full Width Pics (https://startbootstrap.com/template-overviews/full-width-pics)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-full-width-pics/blob/master/LICENSE)
 */
 
 
 /* Testing */

body:not(.gallery) {
  padding-top: 56px;
}

.page-heading {
	font-family: 'Josefin Sans', sans-serif;
	text-align: center;
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
	font-weight: bold;
}

.page-heading-size {
	font-size:3rem;
}

.page-subheading-size {
	font-size:1.5rem;
}

 
/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Bootstrap 4 breakpoints
*/
/* Small devices (landscape phones, 544px and up) */
@media (min-width: 544px) {  
	.page-heading-size {
		font-size:4rem;
	}

	.page-subheading-size {
		font-size:1rem;
	}
}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
	.page-heading-size {
		font-size:5rem;
	}

	.page-subheading-size {
		font-size:2.5rem;
	}
}
 
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	.page-heading-size {
		font-size:6rem;
	}

	.page-subheading-size {
		font-size:3rem;
	}
}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
	.page-heading-size {
		font-size:6rem;
	}

	.page-subheading-size {
		font-size:3rem;
	}
}

.bg-image-full {
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

.btn-primary {
  color: #fff;
  background-color: #274e4f;
  border-color: #274e4f;
}

.btn-primary:hover {
  color: #fff;
  background-color: #4c979a;
  border-color: #4c979a;
}

.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #274e4f;
  border-color: #274e4f;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.carousel .carousel-item {
  height: 850px;
}

.carousel-item img {
    position: absolute;
    object-fit: cover;
    top: 0;
    left: 0;
    min-height: 850px;
}