*{
	padding:0;
	border:0;
	margin:0;
}

body{ 
  background-color:black;
  font-family: Arial, Helvetica, sans-serif;
  color:white;
  font-size:14px;
}


h1 {
  color:white;
  text-align:center;
  font-family: Arial, Helvetica, sans-serif;
  font-size:24px;
  background-color:white;
}

h2 {
  color:white;
  text-align:center;
  font-family: Arial, Helvetica, sans-serif;
  font-size:24px;
  background-color:white;
}

h3 {
  color:white;
  text-align:right;
  font-family: Arial, Helvetica, sans-serif;
  font-size:16px;
  background-color:black;
}
h4 {
  color:black;
  text-align:center;
  font-family: Arial, Helvetica, sans-serif;
  font-size:16px;
  background-color:white;
  
}

h5{
  background-color:white;
  color:black;
  text-align:center;
  width:100%;
  font-size:30px;
  font-family: Arial, Helvetica, sans-serif;
}

h6{
  background-color:white;
  color:black;
  text-align:left;
  width:100%;
  font-size:30px;
  font-family: Arial, Helvetica, sans-serif;

#d4{
  font-family: Arial, Helvetica, sans-serif;
  color:white;
  word-spacing:5px;
  background-color:#282828;
  width: 100%;
  float:right;
  font-size:20px;
}

#d5{
  font-family: Arial, Helvetica, sans-serif;
  color:white;
  word-spacing:5px;
  background-color:#000000;
  width: 100%;
  float:left;
  font-size:16px;

}

#d6{
  font-family: Arial, Helvetica, sans-serif;
  color:white;
  word-spacing:5px;
  float:right;
  background-color:#000000;
  width: 100%;
  font-size: 16px;
}

#d7{
  font-family: Arial, Helvetica, sans-serif;
  color:white;
  word-spacing:5px;
  background-color:#000000;
  width: 100%;
  float:left;
  font:16px;

}

#d9{
  font-family: Arial, Helvetica, sans-serif;
  color:black;
  word-spacing:5px;
  background-color:white;
  width: 100%;
  float:left;
  font:16px;
}

#d10{
  font-family: Arial, Helvetica, sans-serif;
  color:black;
  word-spacing:5px;
  background-color:white;
  width: 100%;
  float:center;
  font:16px;
}

a{
  font-family: Arial, Helvetica, sans-serif;
  color:black;
  text-decoration:none;
  word-spacing:5px;
  text-decoration:none;
  text-align:Right;
}

a:active {
  font-family: Arial, Helvetica, sans-serif;
  outline-width: 0;
  color:white;
  word-spacing:100px;
  text-decoration:none;
  text-align:Right;
  
}
a:hover {
  color:white;
  background-color:#84cef2;
  text-align:Right;
}

a:visited{  
  font-family: Arial, Helvetica, sans-serif;
  color:white;
  text-decoration:none;
  word-spacing:100px;
  text-decoration:none;
}




input[type=text]{
  padding: 6px;
  width:355px;
  height:35px;
  margin-top:0px;
  margin:0 auto;
  border:2px solid black;
  background-color:white;
  font-size: 17px;
  color:white;
  font-family: Arial, Helvetica, sans-serif;

}



#logo{
  clear:both;
  display:block;
 float:left;
 

}

    
.container {
  position: relative;
  background-color:#ffffff;
  width:100%;
  align-content:center;
}

.image {
  
  width: 50%;
  height: 50%;
}

.image2 {
  
  width: 100%;
  height: 100%;
}

.overlay {
  position: absolute; 
  bottom: 100%;
  left: 0;
  right: 0;
  background-color: #008CBA;
  overflow: hidden;
  width: 50%;
  height:0;
  transition: .3s ease;
}

.container:hover .overlay {
  bottom: 0;
  height: 100%;
  
}

.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}



.container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px;
  align-content: center; 
}
.container.space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
          display:inline-block;
    background-color: #323232;
    float: left; 
    width: 100%;
}

.container.space-between2 {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
          display:inline-block;
    background-color: #ffffff;
    color: #000000;
    float: left; 
    width: 100%;
}
#leftcolumn{
	width:50%;
	float:left;
  background-color: #ffffff;
  color: #000000;
}

#rightcolumn{
	width:50%;
	float:right;	
  background-color: #ffffff;
  color: #000000;
  align-items: flex-end;
}

.first, .second, .third {
  
  color: white;
  min-width: 400px;
  padding: 10px 20px;
  font-size: 18px;
  width:100%;
  font-size:18px;
  position: relative;
}
 
.second {

  color: white;
  width:100%;
  font-size:18px;
}

.third {

  color: white;
  width:100%;
  font-size:18px;
}


.alignleft {
	float: left;
	color:white;
	background-color:black;
	width:40%;

}
.alignright {
	float: right;
	color:white;
	background-color:black;
	width:10%;
		
}

.alignright2 {
	float: right;
	color:white;
	background-color:#323232;
	width:43%;
}

.alignright3 {
	float: right;
	color:white;
	background-color:black;
	width:14%;		
}	

.alignleft4 {
	float: left;
	color:#000000;
	background-color:white;
	width:100%
}
.alignright4 {
	float: right;
	color:#000000;
	background-color:white;
	width:100%
}	
#leftcolumn{
	width:50%;
	float:left;
  background-color:#323232;
}

#rightcolumn{
	width:50%;
	float:right;	
  background-color:#323232;
  align-items: flex-end;
  color:white;
}

#leftcolumnpictures{
  float:left;
  padding: 20px; 
  margin: 0px; 
  column-width: 225px;
}

#rightcolumnpictures{
  float: right;
  padding: 20px; 
  margin: 0px; 
  column-width: 225px;
  }
  
/* boxes*/
#boxes {
  margin-left: 10px;
}

#boxes .box {
  float: middle;
  text-align: center;
  width: 50%;
  padding: 10px;
}

#boxes .box img{
  width:300px;
}



table, th, td {
    background:white;
    color:black;
    text-align:center;
    image-align:center;
}
  
    .container1 {
  position: relative;
  width: 50%;
  text-align:center;
}

.image {
  display: block;
  width: 100%;
  height: auto;
  text-align:center
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #008CBA;
  text-align:center;
}

.container1:hover .overlay {
  opacity: 1;
}

.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

td img{
    text-align:center;

}

th img{
     text-align:center;

}


table1, th, td {
    border: 1px solid black;
    border-collapse: collapse;
    background-color:#ffffff;
    color:#000000;
    width:40%;
    height:115px;
}
th, td {
    padding: 5px;
    width:40%;
    height:115px;
}
th {
    text-align: left;
    width:40%;
    height:115px;
}



.button {
    background-color: green; 
    border: none;
    color: black;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; 
    transition-duration: 0.4s;
    cursor: pointer;
}

.button1 {
    background-color: green; 
    color: black; 
    
}

.button1:hover {
    background-color: green;
    color: black;
}

.button2 {
    background-color: green; 
    color: black; 
    
}

.button2:hover {
    background-color: #008CBA;
    color: black;
}

.button3 {
    background-color: blue; 
    color: black; 
    
}

.button3:hover {
    background-color: #f44336;
    color: black;
}
   
   
   table, th, td {
    border: 1px solid red;
    width:100%;
} 

table {
    border-collapse: collapse;
    width: 100px;
    text-align:center;
}

th {
    height: 100px;
}