.navbar {
	background-color: #000 :important;
}

#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 50px; /* Place the button at the bottom of the page */
  right: 15px; /* Place the button 30px from the right */
  z-index: 5000; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: red; /* Set a background color */
  opacity: 0.75;
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 10px; /* Some padding */
  border-radius: 25px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

#myBtn:hover {
  background-color: #555; /* Add a dark-grey background on hover */
   opacity: 0.75;
}

.pc {
	padding-top: 10px:
	padding-left: 20px;
}

.mobile {
	padding-top: 10px:
	padding-left: 20px;
}

.periscope {
	padding-top: 10px:
	padding-left: 20px;
}


.one-half {
	width: 44%;
	float: left;
	margin: 2% 0 3% 4%;
	text-align: center;
}
.one-third {
	width: 28%;
	float: left;
	margin: 2% 0 3% 4%;
	text-align: center;
}

.one-fourth {
	width: 22%;
	float: left;
	margin: 2% 0 3% 4%;
	text-align: center;
}

.clearfix {
	clear: both;
}


/* Style the tab buttons */
.tablink {
  background-color: #000;
  color: white;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  font-size: 17px;
  width: 33.3%;
}

/* Change background color of buttons on hover */
.tablink:hover {
  background-color: #777;
}

/* Set default styles for tab content */
.tabcontent {
  color: white;
  display: none;
  padding: 0px;
  text-align: center;
}

/* Style each tab content individually */
#Facebook {background-color:white;}
#Twitter {background-color:white;}
#YouTube {background-color:white;}

/* Style all font awesome icons */
.fa {
  padding: 20px;
  font-size: 30px;
  width: 100%;
  text-align: center;
  text-decoration: none;
}

/* Add a hover effect if you want */
.fa:hover {
  opacity: 0.7;
}

/* Set a specific color for each brand */


.fa-facebook {
  background: #3B5998;
  color: white;
}


.fa-twitter {
  background: #55ACEE;
  color: white;
}

.fa-youtube {
  background: #bb0000;
  color: white;
}

/*---Media Queries--*/

@media screen and (max-width: 399px) {
	.periscope {
		display: none;
	}
	.pc {
		display: none;
	}
		.slider .bx-wrapper .bx-controls {
		display: none;
	}
	.social-media-inner {
		display: none;
	}
	.pc {
		display: none;
	}
	.parallax-1 {
		display: none;
	}
	.parallax-2 {
		display: none;
	}
	.parallax-3 {
		display: none;
	}
	.parallax-inner-1 {
		display: none;
	}
	.parallax-inner-2 {
		display: none;
	}
	.parallax-inner-3 {
		display: none;
	}
	.parallax-4 {
		display: none;
	}
	.parallax-inner-4 {
		display: none;
	}
	.parallax-5 {
		display: none;
	}
	.parallax-inner-5 {
		display: none;
	}
	.parallax-6 {
		display: none;
	}
	.parallax-7 {
		display: none;
	}
	.parallax-8 {
		display: none;
	}
	.parallax-9 {
		display: none;
	}
	.parallax-10 {
		display: none;
	}
	.parallax-11 {
		display: none;
	}
	.parallax-inner-6 {
		display: none;
	}
	.one-half {
		width: 100%;
		margin: 4% 0;
	}
	.one-third {
		width: 100%;
		margin: 4% 0;
	}
	.one-fourth {
		width: 100%;
		margin: 4% 0;
	}
	
	
	h1 {
		font-size: 125%;
	}
	.left-col {
		width: 100%;
		margin: 0 0 3% 0;
	}
	.right-col {
		width: 100%;
		margin: 0 0 3% 0;
	}
	.sidebar {
		width: 100%;
		margin: 0;
	}
	.sidebar-left {
		width: 100%;
		margin: 0;
	}
	img {
		width: 100%;
	}
	h3 {
		padding-top: 3%;
	}
}

@media screen and (min-width: 768px) {
	.mobile {
		display: none;
	}
	.periscope {
		display: none;
	}
}


@media screen and (max-width: 768px) {
	.slider .bx-wrapper .bx-controls {
		display: none;
	}
	.social-media-inner {
		display: none;
	}
	.pc {
		display: none;
	}
	.parallax-1 {
		display: none;
	}
	.parallax-2 {
		display: none;
	}
	.parallax-3 {
		display: none;
	}
	.parallax-inner-1 {
		display: none;
	}
	.parallax-inner-2 {
		display: none;
	}
	.parallax-inner-3 {
		display: none;
	}
	.parallax-4 {
		display: none;
	}
	.parallax-inner-4 {
		display: none;
	}
	.parallax-5 {
		display: none;
	}
	.parallax-inner-5 {
		display: none;
	}
	.parallax-6 {
		display: none;
	}
	.parallax-7 {
		display: none;
	}
	.parallax-8 {
		display: none;
	}
	.parallax-9 {
		display: none;
	}
	.parallax-10 {
		display: none;
	}
	.parallax-11 {
		display: none;
	}
	.parallax-inner-6 {
		display: none;
	}
	.one-half {
		width: 100%;
		margin: 4% 0;
	}
	.one-third {
		width: 100%;
		margin: 4% 0;
	}
	.one-fourth {
		width: 100%;
		margin: 4% 0;
	}
	
	
	h1 {
		font-size: 125%;
	}
	.left-col {
		width: 100%;
		margin: 0 0 3% 0;
	}
	.right-col {
		width: 100%;
		margin: 0 0 3% 0;
	}
	.sidebar {
		width: 100%;
		margin: 0;
	}
	.sidebar-left {
		width: 100%;
		margin: 0;
	}
	img {
		width: 100%;
	}
	h3 {
		padding-top: 3%;
	}

}