html, body, .container {
  overflow: hidden;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  width: 100%;
  height: 100%;
  margin: 0;
}

img {
  width: 100%;
  background: transparent no-repeat center;
}

a {
  color: #00c8d7;
}

a:link {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

p {
  text-align: center;
  color: #495861;
  margin:0 0 0 0;
}

/* Background Image */
.main_img {
  background:url(Deploy_cloud_1920x500px.png) no-repeat center;
  background-size: cover; 
  padding:8%; 
  margin-top: 20px;
}

/* Space for title */
.space_main_title {
  padding-left:20px; 
  padding-right: 20px;
}

/* Vertical center */
.container {
  display: flex;
  align-items: center;
  justify-content: center;
  display: -webkit-flex; /* Safari */
  -webkit-align-items: center; /* Safari 7.0+ */
  -webkit-justify-content: space-around; /* Safari 6.1+ */
}

/* White rectangle */
.main_panel{
  background-color: #fff;
  opacity: 0.7;
  margin:0 0 0 0;
  padding: 60px 60px 60px 60px;
  width: 650px;
}

/* Background area of logo */
.top_space {
  width: 100%;
}

/* Logo */
.logo {
  margin: auto;
  margin-top: 20px;
}

.logo_img {
  width: 130px; 
  height: 60px;
}

/* Text in white rectangle */
.info_main_title {
  font-size: 35px;
}

.main_title {
}

.info_main_content {
  font-size: 20px;
}

.main_content {
  margin-top: 50px;
}

/* Bottom text */
.info_bottom_text {
  font-size: 11px;
}

.bottom {
  padding-top: 20px;
  margin: auto;
  width: 86%;
}

/* Footer text */
.info_copyright {
  font-size: 11px;
  color: #b3b3b3;
}

.copyright {
  padding-top: 10px;
}