/* locally saved google fonts. ../ is used to move up one folder from the css folder */
@font-face{
	font-family:Philosopher-Bold; src:url('../fonts/Philosopher/Philosopher-Bold.ttf'); 
}
@font-face{
	font-family:Philosopher-BoldItalic; src:url('../fonts/Philosopher/Philosopher-BoldItalic.ttf');
}
@font-face{
	font-family:Philosopher-Italic; src:url('../fonts/Philosopher/Philosopher-Italic.ttf');
}
@font-face{
	font-family:Philosopher-Regular; src:url('../fonts/Philosopher/Philosopher-Regular.ttf');
}
@font-face{
	font-family:Oswald-Bold; src:url('../fonts/Oswald/Oswald-Bold.ttf');
}
@font-face{
	font-family:Oswald-ExtraLight; src:url('../fonts/Oswald/Oswald-ExtraLight.ttf');
}
@font-face{
	font-family:Oswald-Light; src:url('../fonts/Oswald/Oswald-Light.ttf');
}
@font-face{
	font-family:Oswald-Medium; src:url('../fonts/Oswald/Oswald-Medium.ttf');
}
@font-face{
	font-family:Oswald-Regular; src:url('../fonts/Oswald/Oswald-Regular.ttf');
}
@font-face{
	font-family:Oswald-SemiBold; src:url('../fonts/Oswald/Oswald-SemiBold.ttf');
}
@font-face{
	font-family:OpenSans-Bold; src:url('../fonts/Open_Sans/OpenSans-Bold.ttf');
}
@font-face{
	font-family:OpenSans-BoldItalic; src:url('../fonts/Open_Sans/OpenSans-BoldItalic.ttf');
}
@font-face{
	font-family:OpenSans-ExtraBold; src:url('../fonts/Open_Sans/OpenSans-ExtraBold.ttf');
}
@font-face{
	font-family:OpenSans-ExtraBoldItalic; src:url('../fonts/Open_Sans/OpenSans-ExtraBoldItalic.ttf');
}
@font-face{
	font-family:OpenSans-Italic; src:url('../fonts/Open_Sans/OpenSans-Italic.ttf');
}
@font-face{
	font-family:OpenSans-Light; src:url('../fonts/Open_Sans/OpenSans-Light.ttf');
}
@font-face{
	font-family:OpenSans-LightItalic; src:url('../fonts/Open_Sans/OpenSans-LightItalic.ttf');
}
@font-face{
	font-family:OpenSans-Regular; src:url('../fonts/Open_Sans/OpenSans-Regular.ttf');
}
@font-face{
	font-family:OpenSans-SemiBold; src:url('../fonts/Open_Sans/OpenSans-SemiBold.ttf');
}
@font-face{
	font-family:OpenSans-SemiBoldItalic; src:url('../fonts/Open_Sans/OpenSans-SemiBoldItalic.ttf');
}


.spacing{
    padding-top:1%;
    padding-bottom:1%;
    background-color:#083B66;
}

.padding{
	padding:2% 5%;
}

.row{
	margin-right:0;
	margin-left:0;
}

body{
	font-family:OpenSans-Regular;
}

.fa.fa-bed{
	font-size:1.5em;
}

.fa.fa-bath{
	font-size:1.5em;
}

.fa.fa-car{
	font-size:1.5em;
}

.pad_bot{
	padding-bottom:2%;
}

.sticky{
	position:sticky;
	top:0;
	z-index:999;
}

.navbar-toggler{
	background-color:#ffffff;
	font-size:2rem;
}

.fa-bars{
	color:#74D14C !important;
	
}

.hr{
	width:80%;
	margin:auto;
	border:1px solid #ffffff;
}

.colour-blk{
	color:#000000;
}

.margin-5{
	margin:5%;
}

.txt_centre{
	text-align:center;
	width:100%;
	margin:auto;
}

.width_centre{
	width:100%;
	margin:auto;
}

.margin_auto{
	margin:auto;
}

.padding{
	padding:2%;
}

.col-sm-6{
	padding:2% 5%;
}
.color_navy{
	color:#083B66; /*navy*/
}

.bkground_green{
	background-color:#74D14C; /*green*/
}

.bkground_white{
	background-color:#ffffff; /*white*/
}

.bkground_grey{
	background-color:#B1B1B1; /*grey*/
}

.btn-primary{
	background-color:#74D14C; /*green*/
	color:#000000; /*black*/
	border-color:#74D14C; /*green*/
}

.buttons:hover{
	color:#000000; /*black*/
	background-color:#ffffff; /*white*/
	border-color:#74D14C; /*green*/
}

h1{
	font-family:Philosopher-Regular;
	color:#083B66; /*navy*/
	font-size:3.5rem;
}

h2{
	font-family:Oswald-Regular;
}

p{
	font-family:OpenSans-Regular;
}

.mynavbar{
	background-color:#083B66 !important; /*navy*/
	padding:1% 1% 1% 1%;
	/*width:80%;
	margin:auto;*/
	text-align:center;
}

.menu:hover{
	background-color:#74D14C; /*green*/
	padding:1%;
	color:#000000 !important; /*black*/
	text-decoration:none;
}

header{
	color:#74d14c; /*black*/
	background-color:#083b66; /*navy*/
	/*width:80%;
	margin:auto;*/
	text-align:center;
}

.width{
    max-width:80%; 
    margin:auto;
}

.relative{
    position:relative;
}

.vcenter{
    position:inherit; 
    top:50%; 
    left:50%; 
    transform:translate(-50%,-50%); 
    color:#74d14c;
}

.no_margin{
	margin:0;
}

.menu{
	padding:1% 1% 1% 1%;
	color:#ffffff !important; /*white*/
	text-decoration:none;
	font-family:Oswald-Regular;
	font-size:1.5rem;
}

.nav-item{
	color:#ffffff;
}

.container{
	/*background-color:#B1B1B1; /*grey*/
	/*width:80%;
	margin:auto;*/
}

footer{
	background-color:#083B66; /*navy*/
	color:#ffffff; /*white*/
	/*width:80%;
	margin:auto;*/
	padding:2%;
	font-family:OpenSans-Regular;
}

.shadow{
    box-shadow:0px 1rem 3rem rgba(0,0,0,.375) !important;
}

.button{
    white-space:normal;
}

@media only screen and (max-width: 410px) {
  h1 {
    font-size:2.75rem;
  }
  .spacing{
      padding-top:5%;
      padding-bottom:5%;
  }
}

@media only screen and (min-width: 970px) {
  h1 {
    font-size:4.5rem;
  }
}