/* - - - - - - - - COLOURS - - - - - - - - */

:root {
    --pinky:#10455b;
    --darkblue:#ededee;
    --lightblue:#FFAF20;
    --basegrey:#10455b;
}


/* - - - - - - - - CORE - - - - - - - - */


body {
	background-color: var(--darkblue);
	color: var(--basegrey);
	font-family: 'Inconsolata', monospace;
}


body {
  position: relative;
}

html, body {
  height: 100%;
}

.min-100 {
    min-height: 100%;
}

/* - - - - - - - - TYPOGRAPHY - - - - - - - - */

h1, h2, h3, h4, h5  {
	font-family: 'Gochi Hand', cursive;
}

h1 {
	font-size: 6rem;
	color: var(--lightblue);
    margin-bottom: 30px
}


h2 {
	font-size: 5rem;
	color: var(--lightblue);
	font-weight: 700;
}

h3 {
	font-size: 3.5rem;
	color: var(--pinky);
	font-weight: 700;
	letter-spacing: -3px;
}


span {
	color: var(--pinky);
	font-weight: bold;
}


/* - - - - - - - - NAVIGATION - - - - - - - - */


a {
	color: var(--pinky);
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: var(--basegrey);
}

.see-work  {
	padding: 1rem 1rem 1rem 0;
}

.navbar {
	padding: 3rem 4rem;
	text-transform: lowercase;
	opacity: .75;
	font-size: 90%
}


.navbar-dark .navbar-nav .active>.nav-link {
	color: var(--basegrey);
	border-bottom: 2px solid var(--pinky);
}

.navbar-dark .navbar-nav .nav-link {
    color: var(--basegrey);
    padding-right: 0rem;
    padding-left: 0rem;
    margin-right: 1.5rem;
    margin-left: 1.5rem;
}

.navbar-brand {
	opacity: .75;
}

	.bg-light{
	background: none !important;
}



/* - - - - - - - - HOME - - - - - - - - */

.home {
	background-color: #ffffff;
}


.home-bk {
	z-index: 100;
	position: absolute;
	width: 100%;
	text-align: right;
}


.sec-intro {
	text-align: center;
	padding-bottom: 6rem;
}

#about {
}


/* - - - - - - - - SERVICES - - - - - - - - */

.services {
	text-align: center;
}


.servicesfirst {
	padding-bottom: 3rem;
}



/* - - - - - - - - WORK - - - - - - - - */


.dimit {
	color: var(--basegrey);
}


.lloyds-title {
	color: #649c00;
}
.lloyds-link {
	color: #649c00;
}

.mbna-title {
	color: #107987;
}
.mbna-link {
	color: #fed141;
}

00284c

/* - - - - - - - - QUOTES - - - - - - - - */

.quoteby {
	font-size: 90%;
}