/*
Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

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) { ... }
*/

@import url('https://fonts.googleapis.com/css?family=Signika:300,400,600,700&display=swap');
/*
font-family: 'Signika', sans-serif;
*/


/*
COLOURS
WHITE 		FFFFFF
GREY 1		D2D4DA
GREY 2 		CFCFD7
ORANGE 1 	E86851
ORANGE 2 	F58772
BLUE 1 		4D546A
*/

body {
	font-family: 'Signika', sans-serif;
	background-color: #CFCFD7;
}
/*header*/
.header-bg {
	background-color: #FFFFFF;
}
.header {
}
.navbar-custom {
	align-items: end;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.2rem;
}
@media (min-width: 768px) {
	.navbar-custom {
		align-items: baseline;
	}
}
.navbar-custom .navbar-nav .nav-link {
	color: #4D546A;
}
.navbar-custom .navbar-nav .nav-link:focus,
.navbar-custom .navbar-nav .nav-link:hover {
	color: #F58772;
}

.header .navbar-custom .navbar-brand img {
	/*width: 60vw;*/
	width: 12rem;
	max-width: 100%;
	transition: all 0.5s linear;
}
@media (min-width: 576px) {
	.header .navbar-custom .navbar-brand img {
		width: 12rem;
	}
}
@media (min-width: 768px) {
	.header .navbar-custom .navbar-brand img {
		width: 16rem;
	}
}
/*content*/
.content-bg {
	background-color: #FFFFFF;
}
.content {
	font-size: 1.2rem;
}
.content .h1, .content h1 {
	font-weight: bold;
}


.content .home-bg {
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: top center;
	background-size: 100% 100%;
}
.content .home-1 {
	margin-top: -10vw;
	height: 60vw;
	background-image: url("/images/bg/home-1.png");
}
.content .home-2 {
	background-color: #DDDEE2;
}
.content .home-3 {
	background-color: #DDDEE2;
	height: 90vw;
	background-image: url("/images/bg/home-2.png");
}
.content .home-4 {
	margin-top: -45vw;
}
.content .home-5 {
	background-color: #FFF;
	height: 56vw;
	background-image: url("/images/bg/home-3.png");
}

.content .margin-1 {
	transition: all 0.5s linear;
	margin: 0rem 0rem 0rem 0rem;
}
.content .margin-2 {
	transition: all 0.5s linear;
	margin: -10rem 0rem 0rem 0rem;
}
@media (min-width: 768px) {
	.content .margin-1 { margin: -12rem 0rem 0rem 0rem; }
	.content .margin-2 { margin: -21rem 0rem 0rem 0rem; }
}

/*footer*/
.footer-bg {
	background-color: #CFCFD7;
}
.footer {
	color: #000000;
}

.text-c2 {
	color: #4D546A;
}
.text-c2:hover, .text-c2:active, .text-c2:focus {
	color: #F58772;
}

/*BUTTONS*/
.btn-1 {
	background-color: #202945;
	color: #FFFFFF;
	text-transform: uppercase;
	/*border-radius: 20% 20% 20% 20% / 100% 100% 100% 100%;*/
	border-radius: 3rem;
	font-weight: bold;
	padding: .375rem 1.75rem;
}
.btn-1:hover, .btn-1:active, .btn-1:focus {
	background-color: #E86851;
	color: #FFFFFF;
}
/*COLOURS*/
/*WHITE*/
.bg-1 { background-color: #FFFFFF; }
/*GREY 1*/
.bg-2 { background-color: #D2D4DA; }
/*GREY 2*/
.bg-3 { background-color: #CFCFD7; }
/*GREY 3*/
.bg-4 { background-color: #DDDEE2; }
/*ORANGE 1*/
.bg-5 { background-color: #E86851; }
/*ORANGE 2*/
.bg-6 { background-color: #F58772; }
/*BLUE 1*/
.bg-7 { background-color: #4D546A; }