.container {
	background-color: black;
	float: left;
  	position: relative;
  	width: 33.3%;
}

.outer_container {
	background-color: #000000;
}

.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
  background-color: #000000;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.container:hover .image {
  opacity: 0.2;
}

.container:hover .middle {
  opacity: 1;
}

.text {
  width:100%;	
  color: #ffffff;
  font-size: 18px;
  padding: 30px 0px 5px 0px ;
}

.text:link {
  color: #ffffff;
  font-size: 20px;

}

.text a.active {
  color: #ffffff;
  text-decoration:none;
}

.text_sub {
  color: #ffffff;
  font-size: 11px;
  width:100%;
;
}
.text_sub2 {
  color: #ffffff;
  font-size: 12px;
  width:100%;
  padding: 30px 0px  
}

.desc {
  color: #000000;
  font-size: 14px;
  font-family:Arial,Verdana,Gulim;
  padding: 10px 32px 30px 50px;
  width:100%
}

.desc2 {font-family:Arial,Verdana,Gulim;font-size:9pt;color:#676767;line-height:140%; padding: 10px 32px 30px 50px;}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 1% auto; /* 15% from the top and centered */
    padding: 3px;
    border: 1px solid #888;
    width: 95%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}


/* Add a black background color to the top navigation */
.topnav {
  background-color: #333;
}

.topnav a {
  float: left;
  color: #black;
  text-align: center;
  padding: 14px 14px;
  text-decoration: none;
  font-size: 14px;
  font-family: Verdana;
}

.topnav a:hover {
  background-color: #000000;
  color: #fd5b20;
}

.topnav a.active {
  background-color: #ffffff;
  color: black;
}
.topnav a.inactive {
  background-color: #ffffff;
  color: black;
}

.top_left {
	background-color: #ffffff;
	padding: 30px;
	width: 30%;
	height:100px;
	float: left;
}
.top_right {
	background-color: #ffffff;
	padding: 50px 32px 0px 30px;
	height:100px;
	width: 70%;

}
.top_logo {
	background-color: #4CAF50;
	float: left;
	width: 30%;
}