@charset "UTF-8";
* {margin: 0; padding: 0;}
a {text-decoration: none;}
ul, ol {list-style-type: none;}
p {margin-bottom: 2.2rem;}
img {border: none;}
html {font-size: 62.5%; font-family: 'Montserrat', sans-serif; font-weight: 300;}
body {background-color: #757572;}
nav {background-color: #b3a572; text-align: center; font-size: 1.8rem; color: #fff; text-transform: uppercase;   }
nav .wrapper {display: flex; justify-content: space-between;}
nav a {color: #fff; text-decoration: none; display: inline-block; padding: 50px 0 20px 0;}
nav a.logo img {width: 190px; height: auto;}
.wrapper {width: 100%; margin: 0 auto; max-width: 1100px;}
.logo {width: 90%; height: auto; max-width: 400px; display: inline-block; padding: 0 0 50px 0;}
nav .logo {padding: 20px 0;}
.mobile-menu {display: none;}
.image {line-height: 0;}
.image img {width: 100%; height: auto;}
.content {background-color: #b3a572;}
.wrapper { color: #fff; font-size: 1.6rem; line-height: 2.2rem; text-align: center; text-transfrom: uppercase; padding: 30px 50px; box-sizing: border-box;}
.intro-block {padding: 25px 0; background-color: #958a61;}
h1 {font-family:"Times New Roman", Times, serif; font-size: 2.6rem; line-height: 3rem; font-weight: normal; margin: 0 0 2rem 0;}
h2 {font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 2.2rem; line-height: 3rem; margin: 0 0 2rem 0;}

/*.content .wrapper ul {margin-left: 20px; list-style-type:disc; text-align: left;}*/
.content .wrapper ul li {display: block; margin: 0 0 10px 0;}
.contact {background-color: #757572;}
.contact .wrapper  {
color: #fff; font-size: 1.6rem; line-height: 2.2rem; text-align: center; text-transfrom: uppercase; padding: 30px 50px; box-sizing: border-box;}

.contact .wrapper a {display: inline-block; padding: 10px 20px; background-color: #fff; color:  #757572; border-radius: 3px;}
.contact .wrapper a:hover {background-color: #b3a572; color: #fff;  cursor: pointer;}

.copyright {background-color: #757572;}
.copyright .wrapper {
color: #fff; font-size: 1.3rem; line-height: 2rem; text-align: center; padding: 30px 50px; box-sizing: border-box;}

#services {background-color: #183e62;}
#services-continued {background-color: #5f858c;}
#services-continued  div.panel .wrapper {}
#services-continued  div.panel:nth-of-type(2) {background-color: #4d7077;}
#services-continued div.panel:nth-of-type(3) {background-color: #3e6067;}

#about {background-color: #e04962;}
#about  div.panel:nth-of-type(2) {background-color: #c23c52;}
#about div.panel:nth-of-type(3) {background-color: #9f2a3d;}

#contact {background-color: #958a61;}
#contact  div.panel:nth-of-type(2) {background-color: #b3a572;}
#contact h1 {margin: 0 0 0 0;}

.cookie-policy {background-color: rgba(0,0,0,0.2); display: none;}
.cookie-policy.expand {display: block;}
.cookie-policy .wrapper table {margin: 30px 0 50px 0;}
.cookie-policy .wrapper table th {padding: 10px; border-bottom: solid 1px rgba(255,255,255,0.5); background-color: rgba(255,255,255,0.1);}
.cookie-policy .wrapper table td {padding: 10px; border-bottom: solid 1px rgba(255,255,255,0.5);}
.cookie-policy .wrapper table tr:nth-of-type(1) th {border-top: solid 1px rgba(255,255,255,0.5);}

.cookie-policy .wrapper table a {
overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;}

.cookie-policy .wrapper a {color: #fff; font-weight: bold;

 overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;}



.cookie-policy .wrapper a.close-button {display: inline-block; padding: 10px 20px; background-color: #fff; color:  #757572; border-radius: 3px; font-weight: normal;}
.cookie-policy .wrapper a.close-button:hover {background-color: #b3a572; color: #fff; cursor: pointer;}



.footer-nav {}

.footer-nav ul li {display: inline-block; margin: 0 10px;}
.footer-nav ul li a {color: #fff;}

@media only screen and (max-width:1140px) {
	.wrapper {width: 100%; padding: 30px 30px; box-sizing: border-box; }
}
@media only screen and (max-width:768px) {
.logo {width: 40%;}

}

@media only screen and (max-width:601px) {
	nav a.menu-item {display: none;}
	
nav .wrapper {display: block; text-align: center;}
	
	.mobile-menu {display: block; text-align: center; background-color: #958A61;}
	.mobile-menu ul {display: none; background-color: #B3A572;}
	.mobile-menu.expand ul {display: block;}
	.mobile-menu a {display: block; font-size: 1.6rem; line-height: 1.6rem; padding: 15px 20px; margin: 0; color: #fff; border-top: solid 1px rgba(255,255,255,0.3);}
	
	.mobile-menu a.menu-toggle {display: block; position: relative;  width: 100%; height: 45px; padding: 10px 0;  color: #fff; border-top: none; box-sizing:border-box; }
.menu-toggle span {position: absolute; top: -999em;}
.menu-toggle:after {
	content:  "\f0c9";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
display: block; width: 30px; height: 30px;

    color: #fff;
    font-size: 30px;
 
    position: absolute;
    top: 15px;
    left: 50%; margin-left: -15px;}
.expand .menu-toggle:after { content:"\f00d";}
}
@media only screen and (max-width:600px) {
	.logo {width: 100%;}
}