.button {
	background-color: #33cccc;
	color: black;
	text-align:center;
	height: 40px;
	width: 100px;
	border-radius: 2px;
}
.button:hover {
	background-color: white;

}

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

.dropbutton {
    background-color: #33cccc;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
}


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

.content a {
    color: black;
    padding: 12px 16px;
    display: block;
}

.dropdownbutton:hover .content {
    display: block;
}

.btn-block {
	width: 100%;
	background-color: #33cccc;
	color: black;
	text-align:center;
	height: 40px;
	border-radius: 2px;
}

.btn-block:hover {
	background-color: white;
}
.disabledbutton {
	opacity: 0.6;
	background-color: #33cccc;
	color: black;
	text-align:center;
	height: 40px;
	width: 100px;
	border-radius: 2px;
}
.iconbutton {
	background-color: #33cccc;
	color: black;
	text-align:center;
	height: 80px;
	width: 100px;
	border-radius: 2px;
}
.iconbutton:hover{
	background-color: white;
}
.ghostbutton{
	background-color: white;
	color: black;
	text-align:center;
	height: 40px;
	width: 100px;
	border-radius: 2px;
}
.ghostbutton:hover{
	background-color: #33cccc;
}
.item1 { grid-area: header; }
.item2 { grid-area: menu; }
.item3 { grid-area: main; }
.item4 { grid-area: right; }
.item5 { grid-area: footer; }

.grid {
  display: grid;
  grid-template-areas:
    'header header header header header header'
    'menu main main main right right'
    'menu footer footer footer footer footer';
  grid-gap: 5px;
  background-color: black;
  padding: 10px;
}
.grid > div {
  background-color: #33cccc;
  text-align: center;
  padding: 20px 0;
  font-size: 30px;
}
.item3 {
	height: 300px;
}
.jumbotron {
	background: linear-gradient(to right, white, #33cccc);
	border-radius: 10px;
	padding: 20px;
	border: 1px solid black;
	
}

h4 {
	text-align: left;
	font-size: xx-large;
}
.header{
	background: linear-gradient(to top, white, #33cccc);
}

h5 {
	text-align: center;
	font-size: xx-large;
}

p {
	text-align: center;
}