.navrow1{	background-image : url(Backgrounds/navbar1.jpg?rnd=69);}
 .navrow2{	background-image : url(Backgrounds/navbar2.jpg?rnd=69);}
 
 .mainrow1{ background-color: #F8F2C8; }
 .mainrow2{ background-color: #F8F2C8; }
 
 .tr1{	background-color: #F8F2C8;}
 .tr2 {	background-color: #F8F2C8;}
 .main{ background-color: #F8F2C8;}
 
 
 .mainbody{ background-color: white; }

 .border{	background-image : url(Backgrounds/border.jpg?rnd=69);}

 .navbar1:link 	{	color: black;	text-decoration: none;	font-size: 12px;}
 .navbar1:visited {color: black; 	text-decoration : none;font-size : 12px;}
 .navbar1:hover {	color: black;	text-decoration: none;	font-size: 12px;}
 .navbar2:link {	color: white;	text-decoration: none;	font-size: 12px;}
 .navbar2:visited {	color: white;	text-decoration : none;font-size : 12px;}
 .navbar2:hover {	color: white;	text-decoration: none;	font-size: 12px;}

* {
  box-sizing: border-box;
}

.row::after {
  content: "";
  clear: both;
  display: table;
}


[class*="col-"] {
  float: left;
  padding: 1px;
  width: 100%;
  text-align: center;
}

@media only screen and (min-width: 992px) {
  /* For desktop: */
  .col-1 {width: 8.33%;}
  .col-2 {width: 16.66%;}
  .col-3 {width: 25%;}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}
}

[class*="head-"] {
  float: left;
  padding: 1px;
}

[class*="head-"] {
  width: 100%;
  text-align: center;
}

  .head-1 {width: 8.33%;}
  .head-2 {width: 16.66%;}
  .head-3 {width: 25%;}
  .head-4 {width: 33.33%;}
  .head-5 {width: 41.66%;}
  .head-6 {width: 50%;}
  .head-7 {width: 58.33%;}
  .head-8 {width: 66.66%;}
  .head-9 {width: 75%;}
  .head-10 {width: 83.33%;}
  .head-11 {width: 91.66%;}
  .head-12 {width: 100%;}

.menuMed{
	padding:1px;
}


@media screen and (max-width: 992px) {
	div.menuMed {    display: none;  }
}
  
.menuSmall{
	padding:1px;
}


@media screen and (min-width: 992px) {
  div.menuSmall {display: none;  }
}


.show_1 {padding:0px;}
.show_2 {padding:0px; display:none;}
.show_3 {padding:0px; display:none;}
.show_4 {padding:0px; display:none;}
.show_6 {padding:0px; display:none;}

@media screen and (min-width: 992px){
	.show_1 {display: none;}
	.show_2 {display: block;}
	.show_3 {display: none;}
	.show_4 {display: none;}
	.show_6 {display: none;}
}

@media screen and (min-width: 1200px){
	.show_1 {display: none;}
	.show_2 {display: none;}
	.show_3 {display: block;}
	.show_4 {display: none;}
	.show_6 {display: none;}
}


@media screen and (min-width: 1600px){
	.show_1 {display: none;}
	.show_2 {display: none;}
	.show_3 {display: none;}
	.show_4 {display: block;}
	.show_6 {display: none;}
}

.dropbtn {
  background-color: #3498DB;
  color: black;
  padding: 10px;
  font-size: 12px;
  border: none;
  cursor: pointer;
  background-image : url(Backgrounds/navbar2.jpg?rnd=69);
}

.dropbtn:hover, .dropbtn:focus {
  background-color: #2980B9;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  background-image : url(Backgrounds/navbar1.jpg?rnd=69);
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown a:hover {background-color: #ddd;}

.show {display: block;}

.responsive {
  width: 90%;
  height: auto;
}

.myHeader {
	position: fixed;
}

#borderimg1 {
  border: 10px solid transparent;
  padding: 15px;
  background: url(Backgrounds/border.jpg?rnd=69);
  background-size: cover;
}


#BorderBar{ height:300px; }


BODY {
	background : ##FFFFE0;
	color : Black;
	font-family : "Bookman Old Style";
	background-image : url(Backgrounds/back.jpg?rnd=71);
	margin-top: 50px;
	margin-left: 50px;
	margin-right: 50px;
	margin-bottom: 50px;
	}
 
 @media screen and (max-width: 992px) {
	BODY {
		background : ##FFFFE0;
		color : Black;
		font-family : "Bookman Old Style";
		background-image : url(Backgrounds/back.jpg?rnd=69);
		margin-top: 50px;
		margin-left: 5px;
		margin-right: 5px;
		}
}
 
 
img {
  display: inline-block;
  max-width: 100%;
}
 

  
 A:link {	color: Black;}       /* unvisited link */
 A:visited {	color: Navy;}   /* visited links */
 A:active {	color: #DB7093;}    /* active links */

 
 H1 {	font-weight: normal;	font-size: 15pt;	line-height: 14pt;	font-family: " "Arial Narrow"";	font-variant: normal;	font-style: normal;}
 H2 {	font-size: 13pt;	line-height: 14pt;	font-family: "Bookman Old Style";	font-variant: normal;	font-style: normal;}
 


 em{	color:red}

 .black{	background-color : #353535;	color : White;}
 .grey{	background-color: #E5F4ED;}
 .white{	background-color : White;}

 .footer 			{	color: black;	text-decoration: bold;	font-size: 14px;}
 .footer:link 		{	color: black;	text-decoration: bold;	font-size: 14px;}
 .footer:visited 	{	color: black;	text-decoration : bold;	font-size : 14px;}
 .footer:hover 	{	color: black;	text-decoration: bold;	font-size: 14px;}



.btn {
  box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: 2px solid #e74c3c;
  border-radius: 0.6em;
  color: #e74c3c;
  cursor: pointer;
  display: flex;
  align-self: center;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
  margin: 20px;
  padding: 1.2em 2.8em;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}
.btn:hover, .btn:focus {
  color: #fff;
  outline: 0;
}

.first {
  transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
}
.first:hover {
  box-shadow: 0 0 40px 40px #e74c3c inset;
}


/* HAMBURGER */
/*
 * Made by Erik Terwan
 * 24th of November 2015
 * MIT license
 *
 *
 * If you are thinking of using this in
 * production code, beware of the browser
 * prefixes.
 */

/* Menu code starts here */

#menuToggle {
  display: block;
  /* You can also use absolute here if you want to stay on the top */
  position: fixed;
  top: 75px;
  right: 75px;
  
  z-index: 1;
  
  -webkit-user-select: none;
  user-select: none;
}

#menuToggle a
{
  text-decoration: none;
  color: #232323;
  
  transition: color 0.3s ease;
}

#menuToggle a:hover
{
  color: tomato;
}

#menuToggle input {
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  
  cursor: pointer;
  
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  
  -webkit-touch-callout: none;
}

/*
 * Just a quick hamburger
 */
#menuToggle span {
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  
  background: #000000;
  border-radius: 3px;
  
  z-index: 1;
  
  transform-origin: 4px 0px;
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle span:first-child {
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2) {
  transform-origin: 0% 100%;
}

/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span {
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #000000;
}

/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked ~ span:nth-last-child(2) {
  opacity: 1;
  transform: rotate(-45deg) translate(0, -1px);
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#menu {
  position: absolute;
  max-width: 300px;
  width: 100vw;
  max-height: 100vh;
  margin: -100px 0 0 0;
  padding: 50px;
  padding-top: 125px;
  right: -100px;
  
  box-sizing: border-box;
  overflow-y: auto;
  background: #ededed;
  list-style-type: none;
  
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  
  transform-origin: 0% 0%;
  transform: translate(100%, 0);
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menu li
{
  padding: 10px 0;
  font-size: 22px;
}

#menu li label
{
  cursor: pointer;
}

/*
 * And let's fade it in from the right
 */
#menuToggle input:checked ~ ul {
  transform: none;
  opacity: 1;
}
/* HAMBURGER */