.container{
   width:auto;
   height:200px;
   margin-left: 5%;
   margin-right: 5%;
   margin-bottom: 2%;
   font-size:20px;
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
   background-color:#E0FFFF;
 
}

.header {
	height: 200px;
	width: 100%;
	float: center;
}

.imgcontainer{
	margin-left: 10%;
	width: auto;
	
}

hr {
	margin-left: 5%;
   margin-right: 5%;
}




ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #005ce6;
}

li {
  float: left;
}

li a, .main-menu {
  display: inline-block;
  color: white;
  font-family: courier new;
	font-size: 17px;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover, .menu:hover .main-menu {
  background-color: #333;
}

li.menu {
  display: inline-block;
}

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

.sub-menu a {
  color: black;
  padding: 4px 6px;
  font-size: 15px;
  font-family: courier new;
  text-decoration: none;
  display: block;
  text-align: left;

}

.sub-menu a:hover {background-color: #0033cc; color: white;}

.menu:hover .sub-menu {
  display: block;
}





.mkuu {
	height:300px;
	width: 100%;
	margin-top:0px;
	padding-top: 0px;
}


.column{
	float: left;
		
}
.left {
	
	width: 25%;
	text-align: center;
	height: 500px;
	margin-left: 5%;
	margin-top:0px;
	padding-top: 0px;
	background-color:#E0FFFF;
}
.right {
	width: 65%;
	height: 500px;
	margin-right: 5%;
	margin-top: 0px;
	text-align:center;
	background-color:#E0FFFF;
	
}


/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #717171;
}



.text {
	font-family: courier new;
	font-size: 16px;
}

.row:after {
	content: "";
	display: table;
	clear: both;
}

p2{
font-size: 200%;
color: blue;
animation:blinkingText 0.5s infinite;
line-spacing: 150%;
margin: auto;
}
@keyframes blinkingText{
0%{ color: red; }
49%{ color: red; }
60%{ color: white; }
99%{ color:white; }
100%{ color: red; }
}

.news {
	text-align: left;
	font-family: Courier New;
}



<!-- The three last equal columns -->

* {
  box-sizing: border-box;
}

/* Create three equal columns that floats next to each other */
.column2 {
  float: left;
  width: 30%;
  font-family: courier new;
  
  
  height: 450px; /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

p a {
	text-decoration: none;
}

.footer{
	background-color: #b3d9ff;
	text-align: center;
	font-family: courier new;
	margin-left:5%;
	margin-right:5%;
	color: black;
}




/* For Laptops: */

/* 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: 1024px) {
	body {
    background-color: white;
	color: black;
	font-size: 12;
  }
  .nemahailogo {
	  margin-top:0px;
	  float: center;
	  width: 80%;
	  height: 55px;
  }
  
  .container{
   font-size:12px;
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
   background-color:#E0FFFF;
  height: auto;
  }
  
  
  .top-navbar {
	  float: left;
	  width: 100%;
  }

  
  li a, .main-menu {
      color: white;
      font-family: courier new;
	  font-size: 14px;
      text-align: center;
      padding: 7px 13px;
      text-decoration: none;
}


.sub-menu a {
  color: black;
  padding: 5px 10px;
  font-size: 9px;
  font-family: courier new;
  text-decoration: none;
  display: block;
  text-align: left;
  }




.column{
	float: left;
		
}
.left {
	
	width: 25%;
	text-align: center;
	height: 500px;
	margin-left: 5%;
	margin-top:0px;
	padding-top: 0px;
	background-color:#E0FFFF;
}
.right {
	width: 60%;
	height: 500px;
	margin-right: 5%;
	text-align:center;
	background-color:#E0FFFF;
	
}

.text {
	font-family: courier new;
	font-size: 14px;
}


.row:after {
	content: "";
	display: table;
	clear: both;
}


  
 


 /* For tablets: */

@media only screen and (max-width:768px) {
 
 
 body {
    background-color: white;
	color: black;
	font-size: 16;
  }
  .nemahailogo {
	  margin-top:0px;
	  float: left;
	  width: 25px;
	  height: 30px;
  }
  
  .container{
   font-size:16px;
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
   background-color:#E0FFFF;
  height: auto;
  }
  
  .row {
    flex-direction: column;
  }
  
  
  .top-navbar {
	  float: left;
	  width: 100%;
  }
  
  
  li a, .main-menu {
	  float: none;
      width: 100%;
      color: white;
      font-family: courier new;
	  font-size: 9px;
      text-align: center;
      padding: 4px 8px;
      text-decoration: none;
	  flex-direction: column;
}

.sub-menu a {
  color: black;
  padding: 5px 10px;
  font-size: 9px;
  font-family: courier new;
  text-decoration: none;
  display: block;
  text-align: left;
  }
  
  .mkuu {
	height:200px;
	width: 80%;
  }
  
  .column{
	float: none;
		
}
.left {
	
	width: 90%;
	text-align: center;
	height: auto;
	margin-top:0px;
	font-size: 14px;
	padding-top: 0px;
	background-color:#E0FFFF;
}
.right {
	width: 90%;
	height: auto;
	margin-top:0px;
	padding-top: 0px;
	text-align:center;
	background-color:#E0FFFF;
	font-size: 14px;
	margin-left: 5%;
}

.text {
	font-family: courier new;
	font-size: 12px;
}



.column2 {
    width: 100%;
	float: none;
	font-family: courier new;
  }
  
  .footer{
	background-color: #b3d9ff;
	text-align: center;
	font-family: courier new;
	font-size: 10px;
	margin-left:5%;
	margin-right:5%;
	color: black;
}
  

}


  
  /* For mobile phone: */

/* 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) {
	body {
    background-color: white;
	color: black;
	font-size: 10;
  }
  .nemahailogo {
	  margin-top:0px;
	  float: left;
	  width: 15px;
	  height: 18px;
  }
  
  .top-navbar {
	  float: left;
	  width: 100%;
  }
  
  
  .container{
   font-size:10px;
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
   background-color:#E0FFFF;
  height: auto;
  }
  
  .row {
    flex-direction: column;
  }
  
  li a, .main-menu {
	  float: none;
      width: 100%;
      color: white;
      font-family: courier new;
	  font-size: 7px;
      text-align: center;
      padding: 2px 4px;
      text-decoration: none;
	  flex-direction: column;
}
  
  .sub-menu a {
  color: black;
  padding: 2px 3px;
  font-size: 7px;
  font-family: courier new;
  text-decoration: none;
  display: block;
  text-align: left;
  }
  .mkuu {
	height:100px;
	width: 70%;
  }
  
  .column{
	float: none;
		
}
.left {
	
	width: 90%;
	text-align: center;
	height: auto;
	margin-top:0px;
	font-size: 12px;
	padding-top: 0px;
	background-color:#E0FFFF;
}
.right {
	width: 90%;
	height: auto;
	margin-top:0px;
	padding-top: 0px;
	text-align:center;
	background-color:#E0FFFF;
	font-size: 10px;
	margin-left: 5%;
}

.text {
	font-family: courier new;
	font-size: 10px;
}

  
   .column2 {
    width: 100%;
	float: none;
	font-family: courier new;
  }
  
  .footer{
	background-color: #b3d9ff;
	text-align: center;
	font-family: courier new;
	font-size: 10px;
	margin-left:5%;
	margin-right:5%;
	color: black;
}
  
}