/* HTML5 display-role reset for older browsers */
   article, aside, details, figcaption, figure, 
   footer, header, hgroup, menu, nav, section {
    display: block;
  }
  body {
    line-height: 1;
  }
  ol, ul {
    list-style: none;
  }
  blockquote, q {
    quotes: none;
  }
  blockquote:before, blockquote:after,
  q:before, q:after {
    content: '';
    content: none;
  }
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }



/*=========================================
    Main Styles
    =========================================*/
    body {
    	margin: 0;
    	color: white;
    	font-family: arial;
    	background-color: #232325;
    }

    .wrapper {
    	min-height: 100vh;
    	height: auto !important;
    	margin: 0 auto -56px;
    }

    .push {
    	height: 40px;
    }

	.double-push {
    	height: 80px;
    }

    .container {
    	display: table;
    	margin: 0 auto;
    }

    .footer {
    	background-color: darkslateblue;
    	height: 40px;
    	bottom: 0;
    	width: 100%;
    	line-height: 40px;
    	text-align: center;
    }

    .welcome-img {
    	border-style: solid;
    	border-radius: 3px;
    	border-color: white;
    	border-width: 2px;
    }

    .button-container {
    	display: flex;
    	justify-content: center;
    	margin: 20px 0;
    }

    .my-button {
    	min-width: 100px;
    	display: inline-block;
    	padding: 15px 32px;
    	margin: 0 10px;
    	border-style: solid;
    	border-color: white;
    	border-radius: 3px;
    	border-width: 1px;
    	background-color: grey;
    	color: white;
    	text-align: center;
    }

    .my-button:hover {
    	background-color: darkslateblue;
    }

    .my-button:active {
    	opacity: 0.5
	}

	.description {
		text-align: center;
	}

	.gallery {
		background-color: darkslateblue;
	  margin: 5px;
	  border: 1px solid #ccc;
	  float: left;
	  width: 180px;
	}

	.gallery:hover {
	  border: 1px solid #777;
	}

	.gallery img {
	  width: 100%;
	  height: auto;
	}

	.desc {
	  padding: 15px;
	  text-align: center;
	}

	.events-container {
		column-count: 3;
		column-gap: 40px;
		column-rule-style: solid;
		column-rule-width: 1px;
		column-rule-color: darkslateblue;
	}

	.event-img {
		max-width: 300px;
	}

	.event-desc {
		max-width: 300px;
	}

	.input-field {
		padding: 10px 0;
	}

	.register-form {
		padding: 20px;
		border: 2px solid darkslateblue;
	}

	.about-container {
		max-width: 1000px;
		padding: 20px;
		border: 2px solid darkslateblue;
	}

	table {
	  border-collapse: collapse;
	}
	table td {
	  border: 2px solid darkslateblue; 
	}
	table tr:first-child td {
	  border-top: 0;
	}
	table tr td:first-child {
	  border-left: 0;
	}
	table tr:last-child td {
	  border-bottom: 0;
	}
	table tr td:last-child {
	  border-right: 0;
	}
	td {
		padding: 20px;
	}