/* default width for different devices */
@media(max-width:720px) {
}

/* Browser page setup */
* {
  margin: 0px;
  border: 0px;
  padding: 0px;
}

/* Body and html style */
html, body {
  margin: 0px;
  border: 0px;
	padding: 0px;
  width: 100%;
  height: 100%;
  background-image: url(/img/img1.jpg);
  background-position:center middle;
  /* background-repeat: no-repeat; */
  /* background-color:#f4f4f4; */
  color: #fff;
	font-family: Georgia;
	font-size:16px;
	line-height:1.6em;
}

/* body container starts here */
#container {
  min-height: 100%;
}

#main {
  overflow: auto;
  padding-bottom: 50px;
  /* height: 600px; */
}
/* body container starts here */

/* footer start here */
#footer {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin: 0px;
  border: 0px;
  padding: 0px;
  padding-top: -50px;
  /* background-color: #000; */
  color: #f4f4f4;
  height: 50px;
  position: relative;
  clear: both;
}

#footer a {
  color: #aaa;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 15px;
}

.box-1, .box-2, .box-3 {
  margin: 0px;
  border: 0px;
  padding: 0px;
  text-align: center;
}

.box-1 {
  flex: 20%;
  order: 1;
}

.box-2 {
  flex: 60%;
  order: 2;
}

.box-3 {
  flex: 20%;
  order: 2;
}
/* footer ends here */

/* header starts here */
.menubar {
  /* background-color: #333; */
  overflow: hidden;
}

.menubar a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  /* font-family: Times New Roman; */
  font-family: Georgia;
  font-size: 30px;
}

.menubar a:hover {
  background-color: #ddd;
  color: black;
}

.navbar {
  float: right;
}

.navbar a {
  font-family: sans-serif;
  font-size: 18px;
}
/* header ends here */

/* Main body starts here*/
.name {
  margin-top: 175px;
  border: 0px;
  padding: 0px;
  /* background-color: inherit; */
  color: #fff;
  font-family: sans-serif;
	font-size:50px;
	line-height: 2.4em;
  text-align: center;
}

.tag-line {
  border: 0px;
  padding: 0px;
  /* background-color: inherit; */
  color: #fff;
  font-family: verdana;
	font-size:18px;
	line-height: 1.4em;
  text-align: center;
}

.div-button {
  margin-top: 15px;
  border: 0px;
  padding: 0px;
  text-align: center;
  /* align-content: center; */
  background-color: inherit;
}

.button {
  margin: 0px;
  border: solid #fff 2px;
  padding: 0px;
  border-radius: 10px;
  height: 55px;
  width: 380px;
  background-color: inherit;
  font-family: sans-serif;
  font-size: 20px;
  font-stretch: extra-expanded;
  line-height: 2.2em;
  text-align: center;
  color: #fff;
}

.button:hover {
  transition: 0.8s ease-in-out;
  transform: scale(1.1)
}

button a {
  text-decoration: none;
}
/* Main body Ends here */