*, ::after, ::before {box-sizing: border-box;}
html {font-family: 'Roboto', sans-serif;}
body {margin:0;pdding:0;position:relative;}
html, body {height:100%;width:100%;}
h2 {font-size:22px;color:#fff;margin-bottom:30px;text-align:center;font-weight:400;text-shadow: 3px 4px 5px rgba(0, 0, 0, 0.6);display:flex;align-items:center;}
a {color:inherit; text-decoration:none;transition:color 0.5s ease;}
a:hover, footer a:focus {color:#666;}
a:active {color:#999b37;}
.splitscreen {min-height:100%;display: flex;flex-direction: column;align-items: stretch;}	
.ss-wrapper a {display:inline-block;border:2px solid #fff;font-size:14px;color:#fff;background-color:rgba(0,0,0,0.4);padding:15px 25px;letter-spacing:2px;transition:all 0.5s ease;text-decoration:none;}
.ss-logo {height:120px;margin-bottom:30px;display:flex;align-items:center;justify-content:center;}
.ss-wrapper a:hover, .ss-wrapper a:focus {background-color:rgba(255,255,255,0.3);}
.panolin a:active {background-color:#ed2029;}
.asteh a:active {background-color:#999b37;}	
.panolin, .asteh {display:flex;align-items:center;justify-content:center;width:100%;height:50vh;border:16px solid white; background-repeat:no-repeat; background-position:center; background-size:cover;min-height:400px;}
.panolin { background-image:url(../images/panolin.jpg); border-bottom-width:8px;}
.asteh {background-image:url(../images/asteh.jpg); border-top-width:8px;}
footer {clear:both;font-size:14px;text-align:center;padding-bottom:16px;padding-left:24px;padding-right:24px;}
.lng {position:absolute;top:2px; right:16px; font-size:10px; text-decoration:none; color:#000; display:flex; align-items:center;}
.lng img {margin-right:3px;	margin-bottom:1px;}

@media (min-width: 768px) {
	.panolin, .asteh {width:50%;height:auto;border-width:24px;}
	.ss-wrapper {flex-grow:1;width:100%;display:flex;}
	footer {flex-shrink:0;font-size:16px;padding-bottom:24px;}
	.panolin { border-right-width:12px; }
	.asteh { border-left-width:12px;}
	h2 {font-size:30px;margin-bottom:50px;}
	.ss-wrappe a {font-size:18px;padding:13px 25px;}
	.ss-logo {margin-bottom:50px;}
	.lng {right:24px;top:6px;font-size:12px;}		
}

@media (min-width: 992px) {
	h2 {font-size:42px;}		
	footer {font-size:20px;}
}