body {
	position: relative;
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 15px;
	font-weight: 500;
	line-height: 26px;
	font-family: "Droid Arabic Kufi",tahoma,sans-serif;
	-webkit-font-smoothing: antialiased;
	transition: margin-right 0.2s linear 0s;
	direction: rtl;
}
body::before {
    content: "";
    background: rgb(1 11 14 / 55%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.top-bar a, .top-bar span ,.top-nav > ul > li > a,h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6  {
	font-family: "Droid Arabic Kufi",tahoma,sans-serif;
    line-height: normal;

}

.top-bar .nav {
	float: right;
}
.top-nav {
	float: left;
}
.top-nav > ul > li {
	float: right;
}
.top-bar .nav li:first-child {
	border-left: solid 1px;
}
.top-bar .nav li:last-child {
	border-left: 0;
}


.top-bar a, .top-bar span {font-size: 12px;}
.top-nav > ul > li > a {font-size: 16px;}

.dropdown-menu {

    left: auto;
    right: 0;

}









header.top-head .logo {float: right;}
#header .mobile-menu-toggle{float: left;}

.panel-heading .accordion-toggle h4:after {float: left;}
.block-list ul.arrow-img li:before {background: url("../images/list-arrow-ar.jpg") no-repeat center bottom;}

.tab-container ul.tabs li {
	float: right;

}
.tab-container.style1 ul.tabs li:last-child a {
	border-left: 0;
}
.tab-container.style1 ul.tabs li:first-child a {
	border-left: solid 1px #000;
}
@media screen and (max-width:767px) {

#header .mobile-menu-toggle{float: none;}
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
        border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
        border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.box-content {
    background: #fff;
    padding: 15px 71px 0;
    margin: 15px;
    border: solid 10px rgb(239 231 231 / 72%);
    border-radius: 78px;
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 66666;
}
@media screen and (max-width:767px) {
.box-content {
    padding: 20px;
    /* padding: 100px 0 0; */
}
}
.logo{animation:tilt-in-top-1 1s cubic-bezier(.25,.46,.45,.94) both;margin: 0 !important;padding-top: 150px!important;margin: 0 !important;animation: sway 3.4s infinite;animation-timing-function: ease-in-out;-webkit-transform-origin: top;}

.logo img {
    max-width: 230px;
}



.tilt-in-bottom-2{animation:tilt-in-bottom-2 2s cubic-bezier(.25,.46,.45,.94) both}
/* ----------------------------------------------
 * Generated by Animista on 2022-10-19 13:33:37
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

 @keyframes tilt-in-top-1{0%{transform:rotateY(30deg) translateY(-300px) skewY(-30deg);opacity:0}100%{transform:rotateY(0deg) translateY(0) skewY(0deg);opacity:1}}




 @keyframes tilt-in-bottom-2{0%{transform:rotateY(-30deg) translateY(300px) skewY(30deg);opacity:0}100%{transform:rotateY(0deg) translateY(0) skewY(0deg);opacity:1}}




 .heartbeat{animation:heartbeat 1.5s ease-in-out infinite both}



@keyframes heartbeat{from{transform:scale(1);transform-origin:center center;animation-timing-function:ease-out}10%{transform:scale(.91);animation-timing-function:ease-in}17%{transform:scale(.98);animation-timing-function:ease-out}33%{transform:scale(.87);animation-timing-function:ease-in}45%{transform:scale(1);animation-timing-function:ease-out}}
 



/* social-buttons  */

.social-buttons {
    display: inline-block;
    background: rgba(255, 255, 255, 0.5);
    padding: 20px;
    padding-bottom: 5px;
    border-radius: 10px;
    text-align: center;
    margin: 20px 0;
    position: fixed;
    top: 30%;
    right: 0;
    display: flex;
    flex-direction: column;
}
  .social-buttons .social-margin {
	margin-right: 0;
	}
  .social-buttons a,
  .social-buttons a:hover,
  .social-buttons a:focus,
  .social-buttons a:active {
	text-decoration: none;
  }
  .social-buttons .social-icon {
	margin-bottom: 15px;
	box-sizing: border-box;
	-moz-border-radius: 138px;
	-webkit-border-radius: 138px;
	border-radius: 138px;
	border: 5px solid;
	text-align: center;
	width: 50px;
	height: 50px;
	display: inline-block;
	line-height: 1px;
	padding-top: 11px;
	transition: all 0.5s;
	/* Facebook Button Styling */
	/* Twitter Button Styling */
	/* Google+ Button Styling */
	/* Linkedin Button Styling */
	/* Pinterest Button Styling */
	/* Behance Button Styling */
	/* tiktok Button Styling */
	/* Youtube Button Styling */
	/* Soundcloud Button Styling */
  }
  .social-buttons .social-icon:hover {
	transform: rotate(360deg) scale(1.3);
  }
  .social-buttons .social-icon.facebook {
	font-size: 22px;
	padding-top: 9px;
	border-color: #3b5998;
	background-color: #3b5998;
	color: #ffffff;
  }
  .social-buttons .social-icon.facebook:hover {
	background-color: #ffffff;
	color: #3b5998;
  }
  .social-buttons .social-icon.twitter {
	font-size: 22px;
	padding-top: 10px;
	padding-left: 2px;
	border-color: #55acee;
	background-color: #55acee;
	color: #ffffff;
  }
  .social-buttons .social-icon.twitter:hover {
	background-color: #ffffff;
	color: #55acee;
  }
  .social-buttons .social-icon.google-plus {
	font-size: 22px;
	padding-top: 9px;
	padding-left: 2px;
	background-color: #dd4b39;
	color: #ffffff;
	border-color: #dd4b39;
  }
  .social-buttons .social-icon.google-plus:hover {
	background-color: #ffffff;
	color: #dd4b39;
  }
  .social-buttons .social-icon.linkedin {
	font-size: 24px;
	padding-top: 8px;
	padding-left: 1px;
	background-color: #0976b4;
	color: #ffffff;
	border-color: #0976b4;
  }
  .social-buttons .social-icon.linkedin:hover {
	background-color: #ffffff;
	color: #0976b4;
  }
  .social-buttons .social-icon.pinterest {
	font-size: 22px;
	padding-top: 9px;
	background-color: #cb2027;
	color: #ffffff;
	border-color: #cb2027;
  }
  .social-buttons .social-icon.pinterest:hover {
	background-color: #ffffff;
	color: #cb2027;
  }
  .social-buttons .social-icon.behance {
	font-size: 22px;
	padding-top: 9px;
	background-color: #1769ff;
	color: #ffffff;
	border-color: #1769ff;
  }
  .social-buttons .social-icon.behance:hover {
	background-color: #ffffff;
	color: #1769ff;
  }
  .social-buttons .social-icon.tiktok {
	font-size: 22px;
	padding-top: 9px;
	background-color: #000;
	color: #ffffff;
	border-color: #000;
  }
  .social-buttons .social-icon.tiktok:hover {
	background-color: #ffffff;
	color: #000;
  }
  .social-buttons .social-icon.youtube {
	font-size: 22px;
	padding-top: 9px;
	padding-left: 0px;
	background-color: #bb0000;
	color: #ffffff;
	border-color: #bb0000;
  }
  .social-buttons .social-icon.youtube:hover {
	background-color: #ffffff;
	color: #bb0000;
  }
  .social-buttons .social-icon.soundcloud {
	font-size: 30px;
	padding-top: 10px;
	padding-left: 0px;
	color: #ffffff;
	border: 0;
	    background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
	}
  .social-buttons .social-icon.soundcloud:hover {
	background-color: #ffffff;
	color: #fff;
  }


  /* mana style  */

  
body{
	padding: 0;
	margin: 0;
	background: #282828;
	background-size: cover;
	}
	body {
		background-size: 100%  !important;
		background-repeat: repeat-x;
		background-attachment:fixed;
	}
	
	body {
	
		-webkit-animation: slide 20s linear infinite;
	}
	
	@-webkit-keyframes slide {
		from {
			background-position: 0 50%;
		}
	
		to {
			background-position: 512px 0%;
		}
	}
	
	
	.full-img {text-align: center;display: flex;align-items: center;justify-content: center;height: 100%;}
	.full-img img {max-width: 100%;width: 100%;height: 100%;object-fit: cover;}
	@media (max-width: 768px) {
	.full-img img {max-width: 100%;width: 100%;}
	
	}
	
	
	*{
	  margin: 0;
	  padding: 0;
	}
	section.wavs{
	  position: relative;
	  width: 100%;
	  height: 100vh;
	  /* background: #074d70; */
	  overflow: hidden;
	  margin-top: 105px;
	}
	h4.is-sg.text-center {
		color: #edff00;
	}
	section .air{
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  width: 100%;
	  height: 100px;
	  background: url(../img/wave.png);
	  background-size: 1000px 100px
	}
	section .air.air1{
	  animation: wave 30s linear infinite;
	  z-index: 1000;
	  opacity: 1;
	  animation-delay: 0s;
	  bottom: 0;
	}
	section .air.air2{
	  animation: wave2 15s linear infinite;
	  z-index: 999;
	  opacity: 0.5;
	  animation-delay: -5s;
	  bottom: 10px;
	}
	section .air.air3{
	  animation: wave 30s linear infinite;
	  z-index: 998;
	  opacity: 0.2;
	  animation-delay: -2s;
	  bottom: 15px;
	}
	section .air.air4{
	  animation: wave2 5s linear infinite;
	  z-index: 997;
	  opacity: 0.7;
	  animation-delay: -5s;
	  bottom: 20px;
	}
	@keyframes wave{
	  0%{
		background-position-x: 0px; 
	  }
	  100%{
		background-position-x: 1000px; 
	  }
	}
	@keyframes wave2{
	  0%{
		background-position-x: 0px; 
	  }
	  100%{
		background-position-x: -1000px; 
	  }
	}



	/* night  */



	  
	  .night {
		position: fixed;
		top: 0;
		/* right: 0; */
		left: 0;
		width: 100%;
		height: 100%;
		transform: rotateZ(45deg);
		z-index: 3666666663;
		mix-blend-mode: plus-lighter;
		}
	  
	  .shooting_star {
		position: absolute;
		left: 50%;
		top: 50%;
		height: 2px;
		background: linear-gradient(-45deg, #5f91ff, rgba(0, 0, 255, 0));
		border-radius: 999px;
		filter: drop-shadow(0 0 6px #699bff);
		-webkit-animation: tail 3000ms ease-in-out infinite, shooting 3000ms ease-in-out infinite;
				animation: tail 3000ms ease-in-out infinite, shooting 3000ms ease-in-out infinite;
	  }
	  .shooting_star::before {
		content: "";
		position: absolute;
		top: calc(50% - 1px);
		right: 0;
		height: 2px;
		background: linear-gradient(-45deg, rgba(0, 0, 255, 0), #5f91ff, rgba(0, 0, 255, 0));
		transform: translateX(50%) rotateZ(45deg);
		border-radius: 100%;
		-webkit-animation: shining 3000ms ease-in-out infinite;
				animation: shining 3000ms ease-in-out infinite;
	  }
	  .shooting_star::after {
		content: "";
		position: absolute;
		top: calc(50% - 1px);
		right: 0;
		height: 2px;
		background: linear-gradient(-45deg, rgba(0, 0, 255, 0), #5f91ff, rgba(0, 0, 255, 0));
		transform: translateX(50%) rotateZ(45deg);
		border-radius: 100%;
		-webkit-animation: shining 3000ms ease-in-out infinite;
				animation: shining 3000ms ease-in-out infinite;
		transform: translateX(50%) rotateZ(-45deg);
	  }
	  .shooting_star:nth-child(1) {
		top: calc(50% - 117px);
		left: calc(50% - 103px);
		-webkit-animation-delay: 9110ms;
				animation-delay: 9110ms;
	  }
	  .shooting_star:nth-child(1)::before, .shooting_star:nth-child(1)::after {
		-webkit-animation-delay: 9110ms;
				animation-delay: 9110ms;
	  }
	  .shooting_star:nth-child(2) {
		top: calc(50% - -23px);
		left: calc(50% - 227px);
		-webkit-animation-delay: 800ms;
				animation-delay: 800ms;
	  }
	  .shooting_star:nth-child(2)::before, .shooting_star:nth-child(2)::after {
		-webkit-animation-delay: 800ms;
				animation-delay: 800ms;
	  }
	  .shooting_star:nth-child(3) {
		top: calc(50% - 133px);
		left: calc(50% - 186px);
		-webkit-animation-delay: 2935ms;
				animation-delay: 2935ms;
	  }
	  .shooting_star:nth-child(3)::before, .shooting_star:nth-child(3)::after {
		-webkit-animation-delay: 2935ms;
				animation-delay: 2935ms;
	  }
	  .shooting_star:nth-child(4) {
		top: calc(50% - -55px);
		left: calc(50% - 197px);
		-webkit-animation-delay: 6486ms;
				animation-delay: 6486ms;
	  }
	  .shooting_star:nth-child(4)::before, .shooting_star:nth-child(4)::after {
		-webkit-animation-delay: 6486ms;
				animation-delay: 6486ms;
	  }
	  .shooting_star:nth-child(5) {
		top: calc(50% - -63px);
		left: calc(50% - 197px);
		-webkit-animation-delay: 8867ms;
				animation-delay: 8867ms;
	  }
	  .shooting_star:nth-child(5)::before, .shooting_star:nth-child(5)::after {
		-webkit-animation-delay: 8867ms;
				animation-delay: 8867ms;
	  }
	  .shooting_star:nth-child(6) {
		top: calc(50% - -117px);
		left: calc(50% - 50px);
		-webkit-animation-delay: 9363ms;
				animation-delay: 9363ms;
	  }
	  .shooting_star:nth-child(6)::before, .shooting_star:nth-child(6)::after {
		-webkit-animation-delay: 9363ms;
				animation-delay: 9363ms;
	  }
	  .shooting_star:nth-child(7) {
		top: calc(50% - -186px);
		left: calc(50% - 272px);
		-webkit-animation-delay: 3611ms;
				animation-delay: 3611ms;
	  }
	  .shooting_star:nth-child(7)::before, .shooting_star:nth-child(7)::after {
		-webkit-animation-delay: 3611ms;
				animation-delay: 3611ms;
	  }
	  .shooting_star:nth-child(8) {
		top: calc(50% - 41px);
		left: calc(50% - 106px);
		-webkit-animation-delay: 2726ms;
				animation-delay: 2726ms;
	  }
	  .shooting_star:nth-child(8)::before, .shooting_star:nth-child(8)::after {
		-webkit-animation-delay: 2726ms;
				animation-delay: 2726ms;
	  }
	  .shooting_star:nth-child(9) {
		top: calc(50% - 54px);
		left: calc(50% - 267px);
		-webkit-animation-delay: 6987ms;
				animation-delay: 6987ms;
	  }
	  .shooting_star:nth-child(9)::before, .shooting_star:nth-child(9)::after {
		-webkit-animation-delay: 6987ms;
				animation-delay: 6987ms;
	  }
	  .shooting_star:nth-child(10) {
		top: calc(50% - -164px);
		left: calc(50% - 285px);
		-webkit-animation-delay: 5752ms;
				animation-delay: 5752ms;
	  }
	  .shooting_star:nth-child(10)::before, .shooting_star:nth-child(10)::after {
		-webkit-animation-delay: 5752ms;
				animation-delay: 5752ms;
	  }
	  .shooting_star:nth-child(11) {
		top: calc(50% - 92px);
		left: calc(50% - 162px);
		-webkit-animation-delay: 6598ms;
				animation-delay: 6598ms;
	  }
	  .shooting_star:nth-child(11)::before, .shooting_star:nth-child(11)::after {
		-webkit-animation-delay: 6598ms;
				animation-delay: 6598ms;
	  }
	  .shooting_star:nth-child(12) {
		top: calc(50% - -120px);
		left: calc(50% - 59px);
		-webkit-animation-delay: 2271ms;
				animation-delay: 2271ms;
	  }
	  .shooting_star:nth-child(12)::before, .shooting_star:nth-child(12)::after {
		-webkit-animation-delay: 2271ms;
				animation-delay: 2271ms;
	  }
	  .shooting_star:nth-child(13) {
		top: calc(50% - -1px);
		left: calc(50% - 166px);
		-webkit-animation-delay: 8410ms;
				animation-delay: 8410ms;
	  }
	  .shooting_star:nth-child(13)::before, .shooting_star:nth-child(13)::after {
		-webkit-animation-delay: 8410ms;
				animation-delay: 8410ms;
	  }
	  .shooting_star:nth-child(14) {
		top: calc(50% - -96px);
		left: calc(50% - 54px);
		-webkit-animation-delay: 5918ms;
				animation-delay: 5918ms;
	  }
	  .shooting_star:nth-child(14)::before, .shooting_star:nth-child(14)::after {
		-webkit-animation-delay: 5918ms;
				animation-delay: 5918ms;
	  }
	  .shooting_star:nth-child(15) {
		top: calc(50% - 65px);
		left: calc(50% - 48px);
		-webkit-animation-delay: 6674ms;
				animation-delay: 6674ms;
	  }
	  .shooting_star:nth-child(15)::before, .shooting_star:nth-child(15)::after {
		-webkit-animation-delay: 6674ms;
				animation-delay: 6674ms;
	  }
	  .shooting_star:nth-child(16) {
		top: calc(50% - -5px);
		left: calc(50% - 101px);
		-webkit-animation-delay: 5506ms;
				animation-delay: 5506ms;
	  }
	  .shooting_star:nth-child(16)::before, .shooting_star:nth-child(16)::after {
		-webkit-animation-delay: 5506ms;
				animation-delay: 5506ms;
	  }
	  .shooting_star:nth-child(17) {
		top: calc(50% - -199px);
		left: calc(50% - 112px);
		-webkit-animation-delay: 7892ms;
				animation-delay: 7892ms;
	  }
	  .shooting_star:nth-child(17)::before, .shooting_star:nth-child(17)::after {
		-webkit-animation-delay: 7892ms;
				animation-delay: 7892ms;
	  }
	  .shooting_star:nth-child(18) {
		top: calc(50% - 137px);
		left: calc(50% - 43px);
		-webkit-animation-delay: 8623ms;
				animation-delay: 8623ms;
	  }
	  .shooting_star:nth-child(18)::before, .shooting_star:nth-child(18)::after {
		-webkit-animation-delay: 8623ms;
				animation-delay: 8623ms;
	  }
	  .shooting_star:nth-child(19) {
		top: calc(50% - 145px);
		left: calc(50% - 95px);
		-webkit-animation-delay: 3428ms;
				animation-delay: 3428ms;
	  }
	  .shooting_star:nth-child(19)::before, .shooting_star:nth-child(19)::after {
		-webkit-animation-delay: 3428ms;
				animation-delay: 3428ms;
	  }
	  .shooting_star:nth-child(20) {
		top: calc(50% - 97px);
		left: calc(50% - 171px);
		-webkit-animation-delay: 1463ms;
				animation-delay: 1463ms;
	  }
	  .shooting_star:nth-child(20)::before, .shooting_star:nth-child(20)::after {
		-webkit-animation-delay: 1463ms;
				animation-delay: 1463ms;
	  }
	  
	  @-webkit-keyframes tail {
		0% {
		  width: 0;
		}
		30% {
		  width: 100px;
		}
		100% {
		  width: 0;
		}
	  }
	  
	  @keyframes tail {
		0% {
		  width: 0;
		}
		30% {
		  width: 100px;
		}
		100% {
		  width: 0;
		}
	  }
	  @-webkit-keyframes shining {
		0% {
		  width: 0;
		}
		50% {
		  width: 30px;
		}
		100% {
		  width: 0;
		}
	  }
	  @keyframes shining {
		0% {
		  width: 0;
		}
		50% {
		  width: 30px;
		}
		100% {
		  width: 0;
		}
	  }
	  @-webkit-keyframes shooting {
		0% {
		  transform: translateX(0);
		}
		100% {
		  transform: translateX(300px);
		}
	  }
	  @keyframes shooting {
		0% {
		  transform: translateX(0);
		}
		100% {
		  transform: translateX(300px);
		}
	  }
	  @-webkit-keyframes sky {
		0% {
		  transform: rotate(45deg);
		}
		100% {
		  transform: rotate(405deg);
		}
	  }
	  @keyframes sky {
		0% {
		  transform: rotate(45deg);
		}
		100% {
		  transform: rotate(405deg);
		}
	  }




	  /* hang  */

	  div.cover {
		font-family: "Ubuntu", sans-serif;
		font-weight: 300;
		line-height: 150%;
		overflow: hidden;
		position: fixed;
		width: 100%;
		height: 100%;
		margin: 0px;
		padding: 0px;
		z-index: 999;
		overflow: visible !important;
		background-repeat: no-repeat;
		background-position: center;
	  }
	  div.cover div.logo {
		position: absolute;
		margin: auto;
		color: #231F20;
		width: 50%;
		height: 40%;
		top: 0px;
		right: 0px;
		bottom: 0px;
		left: 0px;
		text-align: center;
	  }
	  div.cover div.logo button {
		cursor: pointer;
		-webkit-transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1);
		-moz-transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1);
		-o-transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1);
		transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1);
	  }
	  div.cover div.logo button .btn {
		border: solid 1px;
		width: auto;
		height: 40px;
		display: inline-block;
		padding: 10px 20px;
		border-radius: 30px;
		-moz-border-radius: 30px;
		-webkit-border-radius: 30px;
		border-color: #8c8c8c;
	  }
	  div.cover div.logo button .btn:hover {
		border-color: #8c8c8c;
	  }
	  div.cover div.logo img.logo,
	  div.cover div.logo p.text {
		padding: 30px 20px;
	  }
	  div.cover div.logo img.logo {
		width: 130px;
		height: 130px;
		transition-duration: 500ms;
		cursor: pointer;
	  }
	  div.cover div.logo img.logo:hover {
		-ms-transform: scale(1.1, 1.1);
		/* IE 9 */
		-webkit-transform: scale(1.1, 1.1);
		/* Safari */
		transform: scale(1.1, 1.1);
	  }
	  
	  @keyframes sway {
		0% {
		  transform: rotate(8deg);
		}
		50% {
		  transform: rotate(-8deg);
		}
		100% {
		  transform: rotate(8deg);
		}
	  }
	  .object-cs {
		position: absolute;
		animation: sway 2.4s infinite;
		animation-timing-function: ease-in-out;
		-webkit-transform-origin: top;
		-moz-transform-origin: top;
		transform-origin: top;
		left: 0;
		right: 0;
		height: 10%;
		/* top: 0; */
		z-index: 999;
		text-transform: uppercase;
		/* width: 0; */
		/* display: flex; */
		/* text-align: center; */
		margin-top: -21px;
		}
	  .object-cs .object-rope {
		height: 100%;
		width: 5px;
		background-color: #282828;
		content: "";
		display: block;
		margin-right: 50%;
		}
	  .object-cs .object-shape {
		width: 100px;
		height: 100px;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #282828;
		margin: 0 auto;
		position: relative;
		color: #fff;
		text-align: center;
		padding-top: 0;
		font-weight: 800;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		font-size: 27px;
		}
	  .object-cs .object-shape:before {
		content: "Soon";
	  }
	  .object-cs .object-shape span {
		font-size: 22px;
		color: white;
	  }
	  
	  @media (orientation: portrait) {
		img.logo {
		  width: 100% !important;
		  height: auto !important;
		}
	  }
	  @media all and (orientation: portrait) {
		img.logo {
		  width: 100%;
		  height: auto;
		}
	  }
	  @media only screen and (max-width: 1400px) {
		body {
		  background-size: 200%;
		  font-size: 100%;
		}
	  }
	  @media only screen and (max-width: 650px) {
		body {
		  font-size: 80%;
		  background-size: 230%;
		  background-position: center;
		  background-repeat: no-repeat;
		}
	  
		#cover div#logo .text {
		  padding: 30px 0px;
		}
	  }