body, html {
  height: 100%;
  margin: 0;
  font: 400 15px/1.8 "Lato", sans-serif;
  color: #777;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
}

ul.my-list-style {
    list-style-type:none;
    color: #000000;
    <!--padding: 10px 20px;-->
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
}
ul.header-menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
    position: fixed;
    top: 0;
    width: 100%;
	z-index: 1;
}

ul {
	list-style-position: outside;
}

li {
    float: left;
}

li a {
    display: block;
    color: white;
    padding: 16px;
    text-decoration: none;
}

.main {
    padding: 16px;
    margin-top: 30px;
    height: 1500px; 
}

.bgimg-2, .bgimg-3 {
  <!--position: relative;-->
  opacity: 0.85;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}
.bgimg-1 {
	


  <!--background-image: url("cloud_bkg_img.jpg");
  min-height: 65%;
  background-repeat: no-repeat;
  position: relative;-->
 
}

.bgimg-2 {
  background-image: url("content/Cloud-computing_1285x588.jpg");
  min-height: 600px;
    background-repeat: no-repeat;
}

.bgimg-3 {
  background-image: url("content/cloud.jpg");
  min-height: 700px;
}

.bgimg-4 {
  background-image: url("content/cloud_bkg_img2.jpg");
  min-height: 100%;
  background-repeat: no-repeat;
  position: relative;
}

.bgimg-5 {
  background-image: url("content/Clou_BK_img.jpg");
  min-height: 100%;
  background-repeat: no-repeat;
  position: relative;
}

.caption {
  position: absolute;
  left: 0;
  top: 75%;
  width: 100%;
  text-align: center;
  color: #000;
}

.caption span.border {
  background-color: #69b4dc;
  color: #fff;
  padding: 18px;
  font-size: 25px;
  letter-spacing: 10px;
}

h3 {
  letter-spacing: 2px;
  font: 20px "Lato", sans-serif;
  color: #fff;
  <!--opacity: 0.65;-->
}
h2 {
  font: 30px "Lato", sans-serif;
  color: #111;
}
h1. {
  letter-spacing: 2px;
  font: 36px "Lato", sans-serif;
  color: #111;
}
h1.1 {
  letter-spacing: 2px;
  font: 36px "Lato", sans-serif;
  color: #FFF;
}

.button {
    border: none;
    color: white;
    padding: 15px 50px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 25px;
    opacity: 1.0;
    filter: alpha(opacity=50); 
	margin-bottom: 2px;
}
button:hover {
    opacity: 0.75;
    filter: alpha(opacity=100);
}
.button2 {background-color: #243F7E;}

.zone1{
height: 100%;
}

.zone3 {
    font: 28px "Lato", sans-serif;
    color: #fff;
}
.zone4 {
    font: 28px "Lato", sans-serif;
    color: #000;
    position: relative;
	margin: 150px;
}
.zonelist {
    font: 16px "Lato", sans-serif;
    color: #000;
    position: relative;
	align: center;
	padding-left: 50px;
	font-family: "open sans",sans-serif;
}

.BrochureBorder {
    position: relative;
	bottom: -200px;
	min-height: 100%;
}

th { 
font-weight: normal; 
}

a {
    text-decoration: none !important;
}