html, body {
width: 100%;
	height: 100vh;
	padding:0;
	margin:0;
	  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.container {
	width: 100%;
	height: 100%;
	position: relative;
}

.thebody {
	height: 100%;
	z-index: 0;
	position: relative;
	margin: 0px;
	padding:0;
}

.home-wrapper {
		height: 100%;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 1200px;
		margin:auto;
}

.home-logo {width: 100%; text-align: center;}
.home-logo img, .home-logo a img {width: 80%; height: auto;}


.home-logo {width: 100%; text-align: center;}
.home-logo img {width: 100%; height: auto;}

.footer-copyright {
	position: absolute;
	left: 20px;
	bottom: 20px;
	width: 100%;
	z-index: 90;
	background-image: none;
	text-align: left;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

.theheader-navigation {position: absolute; z-index: 9999999999;}

.thefooter-home {}

.thefooter-sn-home {
	position: absolute;
	bottom: 40px;
	right: 20px;
	z-index: 100;
	overflow: hidden;
	align-items: flex-end;
}

.thefooter-sn-home ul {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center; list-style-type: none;}
.thefooter-sn-home ul li {
  vertical-align: middle;
  margin: 0px 0px 0px 0px;
  padding: 0px 10px 0px 10px;
  display: block;
  list-style-type: none;
  float: left;
}
.thefooter-sn-home ul li a {
	color: #a67d2a;
	text-decoration: none;
	display: block;
}
.thefooter-sn-home ul li i {font-size: 56px;}

	.thefooter-sn-home ul li a.sn-gr { display: block; margin: 0px 0px 0px 0px;}
	
	.thefooter-sn-home ul li a.sn-fb { display: block; margin: 60px 0px 0px 0px;}
	
	.thefooter-sn-home ul li a.sn-ig { display: block; margin: 40px 0px 0px 0px;}
	
	.thefooter-sn-home ul li a.sn-tw { display: block; margin: 20px 0px 0px 0px;}
	

.thefooter-sn-home ul li.snlocate-gr {}
.thefooter-sn-home ul li.snlocate-tw {}
.thefooter-sn-home ul li.snlocate-ig {}
.thefooter-sn-home ul li.snlocate-fb {}

	
.thefooter-sn-home ul li:hover {
	animation: jello;
  animation-duration: 0.75s;
}
.thefooter-sn-home ul li a:hover {
	color: #fff;
	text-decoration: none;
}

@media only screen and (max-width : 1260px) {
	
	.home-wrapper {width: 100%;}
	.home-logo img, .home-logo a img {width: 70%; height: auto;}
	
}

@media only screen and (max-width: 1040px) {
	
}

@media only screen and (max-width: 820px) and (orientation: portrait), screen and (max-height: 820px) {
	
	.home-wrapper {align-items: center;}
	
	.thefooter-sn-home {
		width: 100%;
		text-align: center;
		bottom: auto;
		right: 0px;
		position: relative;
		padding-bottom: 10px;
	}
	.thefooter-sn-home ul {}
	.thefooter-sn-home ul li {padding: 0px 3px 0px 3px; display: inline-block; text-align: center; float: none;}
	.thefooter-sn-home ul li a.sn-gr, .thefooter-sn-home ul li a.sn-tw, .thefooter-sn-home ul li a.sn-ig, .thefooter-sn-home ul li a.sn-fb {
		margin: 0px 0px 0px 0px;
	}
	.thefooter-sn-home ul li a.sn-gr i, .thefooter-sn-home ul li a.sn-tw i, .thefooter-sn-home ul li a.sn-ig i, .thefooter-sn-home ul li a.sn-fb i {font-size: 25px;}
	
	.thefooter-home {
		position: absolute;
		bottom: 0px;
		width: 100%;
		padding: 0px 20px 20px 20px;
	}
	
	.footer-copyright {
		position: relative;
		text-align: center;
		left: auto;
		line-height: 1.8em;
		bottom: auto;
	}
	.footer-copyright br {display: none;}

	
}


@media only screen and (max-height: 800px) and (orientation: landscape) {
	.home-logo img, .home-logo a img {width: 60%; height: auto;}
	.thefooter {bottom: 10px;}
	.footer-copyright {font-size: 12px; line-height: 20px;}
}

@media only screen and (max-height: 400px) and (orientation: landscape) {
	.home-logo img, .home-logo a img {width:50%; height: auto;}
	.thefooter-sn ul li i {font-size: 20px;}
	.footer-copyright {font-size: 11px; line-height: 14px;}
}