.topnav {

  overflow: hidden;

  background-color: #0040ff;

    	

}



.topnav a {

  float: left;

  display: block;

color:#FFFFFF;

  text-align: center;

  padding: 14px 16px;

  text-decoration: none;

  font-size: 15px;

}



.topnav a:hover {

  background-color: #D1EFF6;

  color: black;

}



.active {

  //background-color: #4CAF50;

  color: white;

}



.topnav .icon {

  display: none;

}







@media screen and (max-width:769px) {

  .topnav a:not(:first-child) {display: none;}

  .topnav a.icon {

    float: right;

    display: block;

  }

  .topnav {

  margin-bottom: 15px !important;  	

}

}



@media screen and (max-width: 769px) {

  .topnav.responsive {position: relative;}

  .topnav.responsive .icon {

    position: absolute;

    right: 0;

    top: 0;

  }

  .topnav.responsive a {

    float: none;

    display: block;

    text-align: left;

  }

}











.row{

margin-left:0px !important;

margin-right: 0px !important;

}



#header-container

{

margin-bottom:10px;

}

#body-container #inner-content {

	padding: 0px;

	margin: 0px;

	background-image: none;

	background-repeat: repeat-y;

	background-position: left;

	background-color: #021F97;

	overflow: auto !important;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	line-height: 18px;

	font-weight: normal;

	color: #FFFFFF;

	text-decoration: none;

	text-align: justify;

}

#inner-content h1 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	text-transform: uppercase;

	color: #FFFFFF;

	font-weight: normal;

	text-decoration: none;

	padding-top: 6px;

	padding-right: 0px;

	padding-bottom: 12px;

	padding-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 6px;

}









#inner-content #in-cnt {

	margin: 6px;

	padding: 0px;

	text-align: left;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 15px;

	font-weight: normal;

	line-height: 18px;

	text-decoration: none;

}

#body-container #sutar-speak {

	padding: 6px;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	text-align: center;

	color: #FFFFFF;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	font-weight: bold;

	text-decoration: none;

	font-style: italic;

	text-transform: uppercase;

}

#body-container #inner-content #in-cnt img {

	padding-top: 5px;

	padding-right: 8px;

	padding-bottom: 5px;

	padding-left: 0px;

}

#inner-content #in-cnt p {

	line-height: 18px;

	margin: 0px;

	padding: 0px;

}

.jstify {

	text-align: justify;

}

body {

	background-color: #040a3c !important;

	margin: 0px !important;

	padding: 0px;

	background-image: url(http://www.astrologician.net/images/body-bg.jpg);

	background-repeat: no-repeat;

	background-position: top;

	background-attachment: fixed;

	/*-webkit-user-select: none;

     -moz-user-select: -moz-none;

      -ms-user-select: none;

          user-select: none;*/

}

#body-container #footer-container {

    margin: 0px;

    padding-top: 50px;

    padding-right: 0px;

    padding-bottom: 10px;

    padding-left: 0px;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 13px;

    color: #FFFFFF;

    text-decoration: none;

    font-weight: normal;

	word-spacing: normal;

}



html{font-size:100%;} 

@media(min-width:60em){html{font-size: 100%}}









@media screen and (max-width: 768px){

.topnav a {

    padding: 16px 16px;

    font-size: 25px;

}

.topnav {

    overflow: hidden;

    background-color: #021f9775;

}

}





@media screen and (max-width: 1025px) and (min-width: 769px){

.topnav a {

	padding: 14px 8px;

	

    font-size: 14px;

}

}



.tab-content>.active {

    background-color: transparent !important; 

}



@media screen and (min-width: 769px){

.table-responsive {

display:table !important; 

margin:0 auto !important;

}

}

#body-container #site-enter {

	padding-top: 34px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	height: 73px;

	width: 169px;

	}

	

#site-enter img {

    vertical-align: middle !important;

    border-style: none;

}



table{

    border-collapse: collapse;

	text-align: justify; /* For Edge */

  -moz-text-align-last: center; /* For Firefox prior 58.0 */

  text-align-last: center;

 text-align: center;

  }



 table tr:nth-child(even) {

    background-color: #040a3c;

  }

table tr:nth-child(odd){

    background-color: #1d224f;

  } 



 table tr:nth-child(even) {

    background-color: #040a3c;

  }

table tr:nth-child(odd){

    background-color: #1d224f;

  }  

  #footer-container {

   padding-top: 0px !important; 

  }

.img-align

  {

    display: table;

    margin: 0 auto;

    width: 50%;

}

.img-text{

    text-align: center;

}

.menu{border: 4px solid black;}

.homenu{

    font-size: 12px;

    text-align: center;

    margin: 0;

}



/* Prevent text selection of a <body> element in all major browsers */

body {

 /* -webkit-touch-callout: none; /* iOS Safari */

 /*-webkit-user-select: none; */     /* Chrome 6.0+, Safari 3.1+, Edge & Opera 15+ */

 /*-moz-user-select: none;   */      /* Firefox */

 /*-khtml-user-select: none; */      /* Konqueror */

 /*-ms-user-select: none;   */       /* IE 10+ and Edge */

 /*user-select: none; */         /* Non-prefixed version, 

								currently supported by Chrome and Opera */

								

								

/* -webkit-user-drag: none;

 -khtml-user-drag: none;

 -moz-user-drag: none;

 -o-user-drag: none;

  user-drag: none;   */



touch-action: pan-right pinch-zoom;

  

}





@media (min-height: 600px) and (max-height: 600px) and (min-width: 1024px) and (max-width: 1024px)

{

	topnav a {

		font-size: 14px;

	}

	#footer-container #sutar-speak

	{

		margin-bottom: 30px;

	}





}