html, body {
	height: 100%;
	width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

@font-face {
	font-family: "Serif";
	src: url("fonts/Aclonica-Regular.ttf");
}
@font-face {
	font-family: "Sans";
	src: url("fonts/Montserrat-Medium.ttf");
}

@font-face {
	font-family: "SansB";
	src: url("fonts/Montserrat-Bold.ttf");
}

body::-webkit-scrollbar { /* Hide scrollbar for Chrome, Safari and Opera */
  display: none;
}
body {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

#navspacer {
	height: 58px;
}

body {
	background: #f7f2ef;
}

h1 {
  font-family: "Serif";
  text-align: center;
  color: #000;
  background: #eaeaea;
  padding: 65px 0 35px 0 !important;
}

h3 {
	font-family: "SansB";
	text-align: center;
	background-color: #87016c;
  color: #fff;
  padding: 10.5px;
  font-size: 16px !important
}

h5 {
	font-family: "SansB";
	color: #87016c;
}

h6 {
  font-family: "SansB";
  margin-bottom: 20px !important;
  font-size: 1.4rem !important
}

.gohope h6 {
  color: #8bc34a;
}

.gohope {
  font-family: "SansB";
  border-left: 5px solid #8bc34a;
  padding: 15px 0 15px 20px;
  margin: 30px 0;
}

.sultroi h6 {
  color: #ff3547
}

.sultroi {
  font-family: "SansB";
  border-left: 5px solid #ff3547;
  padding: 15px 0 15px 20px;
  margin: 30px 0;
}

.capi h6 {
  color: #3f51b5
}

.capi {
  font-family: "SansB";
  border-left: 5px solid #3f51b5;
  padding: 15px 0 15px 20px;
  margin: 30px 0;
}

.lastrada h6, .andromeda h6, .aldebaran h6 {
  color: #000
}

.lastrada, .andromeda, .aldebaran {
  font-family: "SansB";
  border-left: 5px solid #000;
  padding: 15px 0 15px 20px;
  margin: 30px 0;
}

.pista h6 {
  color: #fbc02d
}

.pista{
  font-family: "SansB";
  border-left: 5px solid #fbc02d;
  padding: 15px 0 15px 20px;
  margin: 30px 0;
}

p {
	font-family: "Sans";
	text-align: justify;
	color: #321E1E;
}


.linkable:hover {
	color: purple;
}

#main {
	margin-top: 30px;
  min-height: 70vh
}
#main .sideways-tabs >li{
	padding: 0px 5px 10px 5px;
}

#main .nav>li>a {
	font-family:"SansB";
	font-size: 16px;
	color: #000;
}


#main .nav>li>a.active,
#main .nav>li>a:focus {
    background-color: #000;
	  color:white;
}

#main .nav-item a:hover {
	background: #000;
	color: white;
}

#main .nav-item a{
  background: #eaeaea;
  border-radius: 0 !important;
}

#main .nav-item {
  min-width: 33.33% !important
}



.line {
	border-left: thick solid;
  border-left-color: #87016c;
}

.topmargin {
	margin-top: 20px;
  padding: 45px 15px;
}


.tab-pane p b {
  font-weight: 800 !important;
}

.tab-pane {
  text-align: left;
}

.tab-pane p {
  text-align: left;
  border-bottom: 1px solid #eaeaea;
  padding: 0 2px 15px 0;
  margin-bottom: 15px;
}


.tab-pane p:last-child {
  border-bottom: 0px;
  padding: 0;
  margin-bottom: 0 !important
}




.tab-pane p i:before {
  content: "-";
  margin: 0 10px
}

.tab-pane p span {
  float: right;
}


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

#main {
  margin-top: 0px;
  min-height: 70vh;
    margin: 0 !important;
}

.topmargin {
  min-width: 100% !important;
  padding: 0 10px !important;
}

#main .nav-item {
  min-width: 25% !important;
  width: 25% !important;
}

#main .nav > li > a {
  font-size: 10px;
}

h1 {
  padding: 32px 0 22px 0 !important;
  font-size: 22px !important
}

.topmargin .container {
  padding: 0 2.5px !important;
}

h6 {
  font-size: 16px !important;
}

p {
  font-size: 12px !important
}

.tab-pane p i:before {
  margin: 0 6px
}

.tab-pane p span {
  float: none;
  display: block;
}


}