body, html{
            height: 100%;
            width: 100%;
    		font-family: Montserrat, serif;
    		letter-spacing: 1px; 
    		background-color:white;
        }
		.navbar-custom {
            background-color: #c69e22;
            border-color: white;
    		font-family: Montserrat, serif;
    		letter-spacing: 1px;             
            margin: 0;
            padding: 0;
            width: 100%;
            line-height: 1;
		}
		
		.navbar-toggler {
		  color: white;
		  border-color: white;
		}
		.navbar-custom .navbar-text {
		  color: #c69e22;
		}

		.navbar-custom .navbar-nav  > li > a {
		  color: white;
		}
		.navbar-custom .navbar-nav > li > a:hover,
		.navbar-custom .navbar-nav > li > a:focus {
		  color: #c69e22;
		  background-color: transparent;
		  font-weight:bold;
		}
		
		.dropbtn {
            background-color:#c69e22;
            color: white;
            border: none;
            font-family: Montserrat, serif;
            letter-spacing: 1px;             
			padding: 0px 32px 5px;
			margin: 0px 0px;
		}

		.dropdown {
		  position: relative;
		  margin-top:10px;
		  display: inline-block;
		}

		.dropdown-content {
			  padding: 0px 0px;
			  margin-left:70px;		
			  float: none;
			  text-align: left;		  
			  position: absolute;
			  display: none;
			  background-color: #c69e22;
			  border-color: transparent;
			  border-style: solid;
			  border-width: 5px 0px 5px 5px;
			 border-left-color: #cccccc;
		}

		.dropdown-item {
		  background-color: #c69e22;
		  color: white;
		}

		.dropdown:hover .dropdown-content {
			color: white;
			background-color: #c69e22;
			display: block;
		}

		.dropdown-item:hover  {
			  color: #c69e22;
			  background-color:white;
		     font-weight:bold;
		}

		.dropdown:hover .dropbtn {
			 color: #c69e22;
			 background-color:white;
		     font-weight:bold;
		}

        @media only screen and (max-width: 480px) {
            /* This CSS will be applied only to phones and other small devices. */
 
        }

	
	.row-eq-height {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
	.table {
	  background-color: white;
	  height: 100%;
	  margin-bottom: 0;
	}
	.table-responsive {
			font-size:20px;
	}
	html {
	  font-size: 1rem;
	}

	@media only screen and (min-width: 600px) {
	  /* For tablets: */
	  .col-lg-1 {width: 8.33%;}
	  .col-lg-2 {width: 16.66%;}
	  .col-lg-3 {width: 25%;}
	  .col-lg-4 {width: 33.33%;}
	  .col-lg-5 {width: 41.66%;}
	  .col-lg-6 {width: 50%;}
	  .col-lg-7 {width: 58.33%;}
	  .col-lg-8 {width: 66.66%;}
	  .col-lg-9 {width: 75%;}
	  .col-lg-10 {width: 83.33%;}
	  .col-lg-11 {width: 91.66%;}
	  .col-lg-12 {width: 100%;}
	}
	@media only screen and (min-width: 768px) {
	  /* For desktop: */
	  .col-lg-1 {width: 8.33%;}
	  .col-lg-2 {width: 16.66%;}
	  .col-lg-3 {width: 25%;}
	  .col-lg-4 {width: 33.33%;}
	  .col-lg-5 {width: 41.66%;}
	  .col-lg-6 {width: 50%;}
	  .col-lg-7 {width: 58.33%;}
	  .col-lg-8 {width: 66.66%;}
	  .col-lg-9 {width: 75%;}
	  .col-lg-10 {width: 83.33%;}
	  .col-lg-11 {width: 91.66%;}
	  .col-lg-12 {width: 100%;}
	}
	
	.zoom {
	  transition: transform .2s;
	  margin: 0 auto;
	}
	.zoom:hover {
		-ms-transform: scale(2.5); /* IE 9 */
		-webkit-transform: scale(2.5); /* Safari 3-8 */
		transform: scale(2.5); 
		position:absolute;
		z-index:1;
		top:25%;
		left:25%;
		margin-top:-70px;
		margin-left:-70px;			
	}
		
	@include media-breakpoint-up(sm) {
	  html {
		font-size: 1.2rem;
	  }
	}

	@include media-breakpoint-up(md) {
	  html {
		font-size: 1.4rem;
	  }
	}

	@include media-breakpoint-up(lg) {
	  html {
		font-size: 1.6rem;
	  }
	}