body { background: #3b1d08 url(../images/bg.jpg) no-repeat center top fixed; background-size: cover; font-family: 'Roboto', sans-serif; font-weight: 300; color: #fff; }

*, *:before, *:after { box-sizing: border-box; -moz-box-sizing: border-box; }

.clear { clear: both; }

.container { position: absolute; left: 0; top: 0; bottom: 0; display: table; height: 100%; width: 100%; min-width: 320px; padding-bottom: 60px; }

.container .orta { display: table-cell; vertical-align: middle; width: 100%; }
.container .alt { position: absolute; }

.container .orta .alan { max-width: 740px; margin: auto; padding: 30px 15px; left: 0; right: 0; text-align: center; font-size: 0; }

.container .orta .alan .logo { width: 220px; margin: auto; }
.container .orta .alan .logo img { display: block; width: 100%; height: auto; }
.container .orta .alan h1 { font-weight: 400; font-size: 30px; margin: 25px 0; opacity: 0.8; }
.container .orta .alan h2 { font-weight: 400; font-size: 60px; margin: 44px 0; opacity: 0.8; line-height: 58px; }
.container .orta .alan hr { border: none; height: 1px; background-color: #fff; opacity: 0.2; margin: 0 0 34px; }
.container .orta .alan p { font-size: 24px; text-align: center; font-weight: 300; padding: 0 10px; margin: 10px 0; margin-bottom: 10px; line-height: 41px; }
.container .orta .alan p.w { display: inline-block; width: 50% }
.container .orta .alan p:last-child { margin-bottom: 0; }
.container .orta .alan p a { text-decoration: none; color: #402b1d; }
.container .orta .alan p i { box-shadow: 0 0 0 3px rgba(64, 43, 29, 0.24); line-height: 40px; width: 40px; display: inline-block; text-align: center; margin-right: 15px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.container .alt { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; padding: 15px 0 30px 0; }

.container .alt a { text-decoration: none; display: inline-block; font-weight: 300; padding: 0 15px; }

.container .alt a.footerLogo img { display: block; max-width: 200px; height: auto; }

@media (max-width: 767px) {
	.container .orta .alan h2 { font-size: 30px; }

	.container .orta .alan p { width: 100% !important; padding: 0; }
}