body{
		margin: 0px;
		padding: 0px;
}
section#landing{
	background: linear-gradient( rgba(32, 32, 32, 0.7), rgba(32,32,32,0.7)) ,  url("../images/background.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-color: black;
	color: black;
	padding: 50px ;

}

section#landing > div.landing-content{
		-webkit-box-shadow: 13px 19px 89px -1px rgba(255,255,255,0.63);
		-moz-box-shadow: 13px 19px 89px -1px rgba(255,255,255,0.63);
		box-shadow: rgba(255,255,255, 0.63);
		padding: 20px;
		margin-top: 25px;
		margin-bottom: 25px;
		text-align: center;
		border-radius: 30px;
		color: white;
		font-size: 30px;
		font-family: Arial, Helvetica, sans-serif;
	}
section#landing > div.landing-content>div.logo img{
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-top: 15px;
		width: 700px;
	}

section#landing > div.landing-content>div.portfolio img{
                display: inline-block;
                margin-left: auto;
                margin-right: auto;
                margin-top: 30px;
                width: 250px;
	}
section#landing > div.landing-content>div.smicons img{
                display: inline-block;
                margin-left: auto;
                margin-right: auto;
		margin-top: 10px;
		width: 50px;
        }
@media only screen and (max-width: 768px) {
	section#landing{
	padding: 35px;
}
	section#landing > div.landing-content>div.logo img {
		width: 200px;
	}
	section#landing > div.landing-content>div.portfolio img{
                width: 100px;
        }
	section#landing > div.landing-content>div.smicons img {
                width: 30px;
        }
section#landing > div.landing-content{
	padding: 9px;
	font-size: 15px;
}
