@charset "UTF-8";
/* CSS Document */

/* Colours 
Dark blue: #04315a
Gold: #b68c6d
*/

/* Fonts 
Brother 1816 Book
font-family: "brother-1816", sans-serif;
font-weight: 300;

Brother 1816 Regular
font-family: "brother-1816", sans-serif;
font-weight: 400;

Brother 1816 Medium
font-family: "brother-1816", sans-serif;
font-weight: 500;

Brother 1816 Bold
font-family: "brother-1816", sans-serif;
font-weight: 700;
*/

body { background-image:url('images/tile.png'); background-repeat:repeat; background-color:#04315a; }
p, h2 { font-family: "brother-1816", sans-serif; color:#fff; }
.medium { font-weight: 500; }

.wrapper { padding:0; }
.tint { position:absolute; top:0; left:0; height:100%; width:100%; background-color:rgba(0,0,0,0.75); z-index:5; }
.aboveTint { position:relative; z-index:10; }

.servicesGroup { display: flex; flex-direction: row; flex-wrap: wrap;  justify-content: space-evenly; }
.goldService { background:#b68c6d; color:#fff; display: block; margin-bottom:10px; padding: 10px; text-align: center; }

.footerHolderDK p, .footerHolderMob p { color:#fff; }
.footerHolderDK p a, .footerHolderDK p a:visited, .footerHolderMob p a, .footerHolderMob p a:visited  { color:#fff; text-decoration: none; }
.footerHolderDK p a:hover, .footerHolderDK p:focus, .footerHolderMob p a:hover, .footerHolderMob p:focus { color:#b68c6d; text-decoration: underline; }
.footerHolderDK p .gold, .footerHolderMob p .gold { color:#b68c6d; font-size:14px; }


/*** LARGE MOBILE DEVICES***/
@media only screen and (min-width: 480px) and (max-width: 767px) {

 }

/*** EVEN LARGER MOBILE DEVICES***/
@media only screen and (min-width: 576px) and (max-width: 767px) {

}

/*** MOBILE ONLY ***/
@media only screen and (max-width: 767px) {
.logoHolderDK, .mainContentDK, .footerHolderDK { display:none; }
.logoHolderMob { height:25vh; display:flex; justify-content:center; }
.logoHolderMob .col-12 { align-items: center; display: flex; }
.mainContentMob { height:75vh }
.siteLogo { width:240px; margin:35px 0; }
.mainContent { padding:60px 25px; }
.mainContentMob { background-image:url('images/building-site.jpg'); background-size: cover; position: relative; }
.mainContentMob .container, .mainContentMob .row { height:100%; }
.mainContentMob .col-12 { display: flex; flex-direction: column; padding:60px 25px 80px 25px; background: transparent;
background: linear-gradient(0deg,rgba(0, 0, 51, 1) 0%, rgba(0, 0, 51, 0) 30%, rgba(0, 0, 51, 0) 100%); }
.mainContentMob p.view { font-weight:300; font-size:1.1rem; margin-top:auto; }
.mainContentMob p.view a, .mainContentMob p.view a:visited { text-transform: uppercase; font-size: .8em; background-image:url('images/arrow.svg'); background-repeat:no-repeat; background-position: bottom center; padding-bottom:30px; color:#fff; text-decoration: none; }
.mainContentMob p.view a:hover, .mainContentMob p.view a:focus { color:#b68c6d; text-decoration: none; }
.mainContentMob p.intro { font-size: 1.1em; }
.mainContentMob h2 { font-size:.9rem; font-weight:400; text-transform: uppercase; margin:35px 0; letter-spacing: 2px; }
.servicesGroupMob { background-color:#000033; padding:0 10px; height: 78%; display: flex; align-items: center; }
.servicesGroup { margin-top:40px; }
.goldService { width:100%; font-size:14px; }
.bottomHalfMob { height:100vh; }
.footerHolderMob { padding:30px 20px; height: 22%; }
.footerHolderMob .contact { display: flex; justify-content: center; flex-direction: column; margin-top: 5px; }
.footerHolderMob p { font-size:14px; margin-bottom:5px; }
}

/*** TABLET & MOBILE ONLY ***/
@media (max-width: 991px) {

}

/*** TABLET & SMALLER LAPTOPS ***/
@media (min-width: 768px) {
.logoHolderMob, .mainContentMob, .bottomHalfMob { display:none; }
.logoHolderDK { height:25vh; display:flex; justify-content:center; }
.logoHolderDK .col-12 { align-items: center; display: flex; }
.mainContentDK { height:55vh; background-image:url('images/building-site.jpg'); background-size: cover; position: relative; }
.siteLogo { max-height:135px; }
.mainContentDK .container, .mainContentDK .row{ height:100%; }
.mainContentDK .col-12 { display: flex; flex-direction: column; justify-content: center; }
.mainContentDK p { font-weight:300; font-size:1rem; }
.mainContentDK p.intro { font-size:1.3rem; }
.mainContentDK h2 { font-size:.9rem; font-weight:400; text-transform: uppercase; margin:20px 0 15px 0; letter-spacing: 2px; }
.servicesGroup { margin-top: 10px; }
.mainContentDK .goldService { font-size:14px; width: 48%; }

.footerHolderDK { height:20vh; }
.footerHolderDK .row { height:100%; }
.footerHolderDK .col-12 { display: flex; flex-direction: column; justify-content: center; }
.footerHolderDK p { font-size:16px; margin-bottom:0; }
.footerHolderDK .contact {  display: flex; justify-content: center; margin-top:5px; }
.footerHolderDK .contact p { margin:0 10px; }
}

/*** DESKTOP ***/
@media (min-width: 992px) {
.mainContentDK p { font-size:1.1rem; }
.mainContentDK p.intro { font-size:1.4rem; }
.mainContentDK h2 { font-size:1rem; }
}

/*** LARGE VIEWING SIZE ***/
@media (min-width: 1200px) {
.mainContentDK p.intro { font-size:1.6rem; }
}

/*** EXTRA LARGE VIEWING SIZE ***/
@media (min-width: 1400px) {
.mainContentDK p.intro { font-size:1.7rem; }
.footerHolderDK p .gold { font-size:16px; }
}