@charset "UTF-8";
/* CSS Document */
/*
@font-face{
	font-family:Franklin;
	src:url(Libre_Franklin/LibreFranklin-VariableFont_wght.ttf),
	src:url(Libre_Franklin/LibreFranklin-Italic-VariableFont_wght.ttf);
}
*/
* {
	margin: 0;
	padding: 0;
}
body {
    font-family: "Libre Franklin", sans-serif;
    background: rgb(231, 227, 227);
    position:relative;
    max-width: 1260px; 
    /*max-width: 100vw;*/
    margin: 0 auto !important; 
    float: none !important;/**/
    background-color: rgb(238, 238, 238);
    background-color: white;
    padding: 0 20px; /*padding left.right required when browser width less then min width*/
  }
a {
    text-decoration:none ;
    color: inherit;
  }
  #dovl1 .navLink1, #dovl2 .navLink2, #dovl3 .navLink3, #dovl4 .navLink4, #dovl5 .navLink5{
		font-weight: bold;
    /*text-decoration: underline;  #0085ca
    background-color: rgb(229, 229, 229);*/
		color: rgb(0, 135, 198);
    color: #0085ca;
	}
/* === Navigation style markup === */
#headContent{
	width:100%;
	/*max-width: 1420px;*/
	background: rgb(228, 222, 222);
  background: white;
	height: auto;
	top: 0;
	/*margin-bottom:300px;
	position:fixed;*/
	z-index:999;
}

header{
	display: flex;
	height: auto;/**/
	font-family: "Libre Franklin", sans-serif;
	/*margin: 10px 0 2px 2em;
	padding: .7em 1.5em .3em 1.5em;*/
	padding: 1em 0 0;
	color: rgb(0, 0, 0);
	background: rgb(255, 255, 255);
}
header h1{
    padding-left: 1em;
    padding-left: 0px;
	font-size: 2.9rem;
    font-weight: 900;
    letter-spacing: 1pt;
}
header h2{
    font-family: "Cormorant Garamond", serif;
	padding-left: 0px;
	font-size: 2em;
    font-style: normal;
    font-weight: 400;
/*	color:#fff;
	font-size: 1.4rem;
	font-weight: 400;
	padding-left: 10px;
	padding-top: .25em;*/
}

.navbar {
  /*display: flex;
  flex-direction: column;
  justify-content: start;*/
	font-family: "Libre Franklin", sans-serif;
  font-weight: 900;
  overflow: hidden;
  /*background-color: #ffffff;*/
  width: 100%;
  /*margin: auto;*/
  padding-bottom: 0px;
  border-bottom: 2px solid black;
  z-index: 900;
}
.navbar ul{
    width: auto;
    display: inline;
}
.navbar li{
    list-style: none;
    padding: 0px 0px;
}
.navbar a {
  width: auto;
  float: left;
font-size: 1.2em;
  color: rgb(0, 0, 0);
  text-align: center;
  text-align: left;
  padding: 12px 0 ;
  text-decoration: none;
    margin-right: 60px;
 /* border-top-left-radius: 10px;
  border-top-right-radius: 10px;*/
}

.dropdown {
  float: left;
    margin-right: 60px;
  overflow: hidden;
}

.dropdown .dropbtn {
font-family: "Libre Franklin", sans-serif;
  font-weight: 900;
  font-size: 1.2em;  
  border: none;
  outline: none;
  color: rgb(0, 0, 0);
  padding: 12px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}
.navLink2 a{
 margin-top: -15px;
}
.navbar a:hover, .dropdown:hover .dropbtn {
  /*background-color: rgb(171, 170, 170);*/
  color: rgb(0, 135, 198);
  /*border-top-left-radius: 10px;
  border-top-right-radius: 10px;*/
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 20px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 14px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
    color: black;
    color: rgb(0, 135, 198);
  background-color: rgb(255, 255, 255);
}

.dropdown:hover .dropdown-content {
  display: block;
}
.navTop {
  position: relative;
	font-family: "Libre Franklin", sans-serif;
  font-size:20pt;
  margin-top: -25px;
  color: grey;
  text-align: right;
}
.navTop a:hover{
  color: #0085ca;
}
.navTop-cntr {
  position: relative;
	font-family: "Libre Franklin", sans-serif;
  font-size:20pt;
  margin-top: -25px;
  color: grey;
  text-align: right;
}
.navTop-cntr a:hover{
  color: #0085ca;
}
footer{
	font-family: "Libre Franklin", sans-serif;
  font-weight: 900;
  overflow: hidden;
  /*background-color: #ffffff;*/
  width: 100%;
  /*margin: auto;*/
  padding: 10px 0 20px ;
  border-top: 2px solid black;
  z-index: 900;
  height: auto;
  /*background-color: rgb(137, 137, 137);*/
}
footer ul{
width: auto;
display: inline;
}
footer li{
list-style: none;
padding: 0px 0px;
}
footer a {
width: auto;
float: left;
font-size: 1.2em;
color: rgb(0, 0, 0);
text-align: center;
text-align: left;
padding: 12px 0 ;
text-decoration: none;
margin-right: 60px;
/* border-top-left-radius: 10px;
border-top-right-radius: 10px;*/
}

footer a:hover{
  color: rgb(0, 135, 198);
}
/* MEDIA QUERRIES Responsive variables 
@meia screen and (min-width:1260)
  .grid-container{
    grid-template-columns:1fr 1fr 1fr 1fr;
  }*/
  @media screen and (max-width:1560px){ 
    .pageGrid-item img{
    /*max-width: auto;*/
    }
  @media screen and (max-width:1260px){ 
  
  }
  @media screen and (max-width:1060px){ 
    .navbar a {
      margin-right: 40px;
   /* border-top-left-radius: 10px;
    border-top-right-radius: 10px;*/
  }
  .dropdown {
    margin-right: 15px;
}
}
  @media screen and (max-width:860px){ 
    .navbar a {
        margin-right: 20px;
     /* border-top-left-radius: 10px;
      border-top-right-radius: 10px;*/
    }
    .dropdown {
        margin-right: 0px;
    }
  }
  @media screen and (max-width:580px){ 
   
  }
  @media screen and (max-width:480px){ 
    
  }