@import url("https://fonts.googleapis.com/css?family=Poppins:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800");
*{
	margin:0;
	padding:0;
	box-sizing:border-box;
	font-family:'Poppins', sans-serif;
}

body{
	height:100vh;
	background:url('imgs/landing-bg.jpg') center/cover no-repeat;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#fff;
	text-align:center;
}

.overlay{
	background:rgba(0,0,0,0.35);
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

.container{
	position:relative;
	z-index:2;
	max-width:700px;
	padding:20px;
}

.logo{
	width:300px;
	margin-bottom:30px;
}

h2 {
    font-size: 52px;
    letter-spacing: normal;
    margin-bottom: 15px;
    font-weight: 300;
}

p{
    font-weight: 300;
	font-size:16px;
	line-height:1.6;
	margin-bottom:30px;
    letter-spacing: 1px;
	opacity:0.9;
	color: #000;
}

.subscribe{
	display:flex;
	justify-content:center;
	gap:0;
	margin-bottom:30px;
	flex-wrap:wrap;
}

.subscribe input{
	padding:12px 15px;
	width:400px;
	border: 1px solid #ffffff;
	border-radius:2px;
	outline:none;
	border-right:none;
}

.subscribe button{
	padding:12px 22px;
	border-radius:2px;
	cursor:pointer;
	transition:0.3s;
    color: #fff;
    background-color: #306c68;
    background-image: none;
    border: 1px solid #306c68;
    box-shadow: none;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.subscribe button:hover{
	background:#479590;
}

.social{
	margin-top:10px;
}

.social a{
	color:white;
	margin:0 10px;
	font-size:20px;
	transition:0.3s;
}

.social a:hover{
	opacity:0.7;
}
.copyright{
	font-size:14px;
	margin-top:80px;
}

@media(max-width:600px){

	.logo{
		width:150px;
	}

	h2{
		font-size:26px;
	}

	.subscribe{
		flex-direction:column;
		align-items:center;
		gap:10px;
	}

	.subscribe input{
		width:100%;
		max-width:300px;
	}

}