@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);


*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { content: ''; display: table; }
.clearfix:after { clear: both; }

body {
    font-family: 'Lato';
    background: #4c1c79;
    color: #ffffff;
    text-align: center;
}

a, button {
    outline: none;
}

a {
  color: #322341;
    text-decoration: none;
}

a:hover, a:focus {
    color: #34495e;
    text-decoration: none;
}
.navbar{
  position: absolute;
  z-index: 2;
  width: 100%;
}
.navbar .logo{
  position: relative;
  float: left;
  left: 30px;
  top: 25px;
}
.navbar .logo h1{
  text-align: left;
  font-weight: 700;
  color: #322341;
}
.navbar .menubar{
  position: relative;
  top: 40px;
  right: 30px;
  text-transform: uppercase;
  color: #322341;
  text-align: right;
}

/* Header */
.large-header {
	position: relative;
	width: 100%;
	overflow: hidden;
	background-size: cover;
	z-index: 1;
    background-image: url('../img/bg.png');
    background-position: center bottom;
    text-align: left;
  color: #322341;
}
.text-content{
  width: 600px;
	position: absolute;
	top: 20%;
	left: 37%;
  z-index: 2;
}
.text-content h1{
  font-size: 48px;
}
.text-content p{
  font-weight: 300;
  font-size: 18px;
}
.footer-bg{
    background: #4c1c79;
    padding-top: 30px;
    padding-bottom: 60px;
}
.subscribed-section .form-control{
  width: 400px;
  display: inline-block;
  background: #ffffff;
  border: none;
  height: 60px;
  border-radius: 0;
  margin-top: 10px;
}
#submit_btn{
  height: 60px;
  cursor: pointer;
}
@media only screen and (max-width : 992px) {
.text-content{
  width: 500px;
  top: 20%;
  left: 30%;
}
}
@media only screen and (max-width : 768px) {
.text-content{
  width: 500px;
  left: 25%;
}

}
@media only screen and (max-width : 640px) {
.text-content{
  width: 100%;
  max-width: 640px;
  left: 0;
  padding: 0 30px;
  }
  .text-content h1{
    font-size: 28px;
  }
  .text-content p{
    font-size: 15px;
  }

.subscribed-section .form-control{
  width: 100%;
  max-width: 250px;
}
}