* {
  			box-sizing: border-box;
		}
		body {
			font-family: Tahoma, Verdana, sans-serif;
            font-size: 1vw;
			width: 98%;
		}
        a {
            color: inherit;
            text-decoration: none;
        }
		h1 { 
            font-size: 20px;
            text-align: center;
            padding: 0;
            margin: 0;
        }
        header {
			color: white;
        	width: 100%;
        	z-index: 3;
        	position: fixed;
        	top: 0;
        	left: 0;
        	/* background-color: white; */
        	background-image: url("/abstract/images/devilDetails.jpg");
        	background-size: 100% auto;
            border-style: solid;
            border-color: black;
            border-width: 3px;
        }
        /* header.pgTop {
        	position: fixed;
        	top: 0;
        	left: 0:
        	background: white;
        } */
        .buffer {
        	height: 80px;
        }
		#logo {
			/* display: block; */
			position: relative;
			/* top:0;
			left: 0; */
			float: left;
            /* padding: .2em; */
            margin: .5em 0;
			width: 40%;
			/* background-color: silver; */
		}
		#nav_menu ul {
			display: inline;
			float: left;
			width: 59%;
			list-style: none;
			position: relative;
			/* top: 20;
			right: 0; */
			font-size: 15px;
			margin-bottom: 0;
		}	
		#nav_menu ul li {
			float: left;
			padding: .2em 1em;
		}
		#nav_menu ul ul {
			display: none;
			position: absolute;
			font-size: 15px;
			top: 100%;
			margin: 0;
			padding: 0 0;
			width: 120px;
			z-index: 3;
            background-color: gray;
		}
		#nav_menu ul ul li {
			float: none;
		}
		#nav_menu ul li:hover > ul {
			display: block;
		}
		#nav_menu ul li:hover {
			background-color: silver;
		}
		#nav_menu > ul::after {
			content: "";
			display: block;
			clear: both;
		}
		/* #loc {
			clear: both;
			width: 40%;
			font-size: 15px;
			text-align: center;
			margin-bottom: .3em;
            background-color: silver;
		} */
		img {
        	position: relative;
        	bottom: 0;
			width: 98%;
            border-style: solid;
            border-color: black;
            border-width: 3px;
		}
		.title {
        	font-style: italic;
        	font-weight: bold;
        }
        p.loc {
			width: 100%;
			font-size: 15px;
			text-align: center;
			margin: 0;
        }
        p.desc {
        	position: absolute;
        	bottom: -30px;
        	z-index: 2;
        	width: 98%;
        	font-size: 15px;
        	text-align: center;
        	background-color: silver;
        }
		footer {
			clear: both;
			width: 98%;
			padding: 1px;
			margin: 10px;
			text-align: center;
			font-size: 15px;
            background-color: silver;
		}
		
		.columns {
			font-size: 15px;
			column-count: 3;
		}
		.contact {
			display: block;
			float: left;
			width: 30%;
			font-size: 15px;
			padding: 5px;
			margin: 2px;
		}
        
				/* Container for flexboxes */
		.row {
		  display: flex;
		  flex-wrap: wrap;
		  /* margin-top; 30%; */
		  align-items: flex-end;
		}

		/* Create four equal columns */
		.col {
		  flex: 20%;
		  padding: 0;
		  margin: 15px;
		  position: relative;
		}

		/* On screens that are 992px wide or less, go from four columns to two columns */
		@media screen and (max-width: 992px) {
		  .col {
			flex: 26%;
		  }
		  .columns {
			font-size: 15px;
			column-count: 2;
		  }
          #nav_menu ul {
          	font-size: 15px;
          }
		  p.desc {
		  	font-size: 11px;
		  }
		  .contact {
		  	width: 45%;
			font-size: 15px;
		  }
		}
		/* On screens that are 600px wide or less, make the columns stack on top of each other instead of 				next to each other */
		@media screen and (max-width: 600px) {
		  .row {
			flex-direction: column;
		  }
		  #logo {
		  	width:100%;
		  }
		  p.desc {
		  	font-size: 15px;
		  } 
		  #nav_menu ul {
		  	width: 100%;
		  	font-size: 15px;
		  }
		  #nav_menu ul ul {
		  	width: 100px;
		  }
		  .columns {
			font-size: 15px;
			column-count: 1;
		  }
		  .contact {
		  	width: 95%;
			font-size: 15px;
		  }
		}