/* * Sat 18 Jul 2020 10:08:57  */

@font-face {
  font-family: Anton;
  src: url("/fonts/anton.ttf");
}


/* Move down content because we have a fixed navbar that is 50px tall */
body {
  /*  padding-top: 50px; */
  padding-bottom: 20px;
}


body.nav{
  padding-top: 50px;
  padding-bottom: 20px;
}



/*-- FUCK TRUMP -- */

.fucktrump {
text-align:center;
height: 120px;
background-color:#000;

}

.fucktrump h1 {
text-align:center;
font-size: 75px;
font-color: #FF3366;
}
/* --- navbar - */



/* navbar */
.navbar {
  background-color: #000000;
  border-color: #000000;
}
.navbar .navbar-brand {
  color: #ffffff;
}
.navbar .navbar-brand:hover, .navbar .navbar-brand:focus {
  color: #000000;
}
.navbar .navbar-text {
  color: #ffffff;
}
.navbar .navbar-nav > li > a {
  color: #ffffff;
}
.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus {
  color: #000000;
}
.navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus {
  color: #000000;
  background-color: #000000;
}
.navbar .navbar-nav > .open > a, .navbar .navbar-nav > .open > a:hover, .navbar .navbar-nav > .open > a:focus {
  color: #000000;
  background-color: #000000;
}
.navbar .navbar-toggle {
  border-color: #000000;
}
.navbar .navbar-toggle:hover, .navbar .navbar-toggle:focus {
  background-color: #000000;
}
.navbar .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar .navbar-collapse,
.navbar .navbar-form {
  border-color: #ffffff;
}
.navbar .navbar-link {
  color: #ffffff;
}
.navbar .navbar-link:hover {
  color: #000000;
}

@media (max-width: 767px) {
  .navbar .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
}
.navbar .navbar-nav .open .dropdown-menu > li > a:hover, .navbar .navbar-nav .open .dropdown-menu > li > a:focus {
  color: #000000;
}
.navbar .navbar-nav .open .dropdown-menu > .active > a, .navbar .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #000000;
  background-color: #000000;
}
}

/* --------------- */

h2.spiel2 {
  color: #33ff80 ! important;
  line-height: 1 em;
  font-size: 30px ! important;
}

h3.spiel2, a.spiel2 {
  font-size: 22px ! important;
  color: #cf2   ! important;
}



h2.spiel {
  color: #ff0080 ;
  line-height: 1.5em;  
}

h3.spiel, a.spiel {
  font-size: 68px ;
  color: #cf2   ! important;
}

em.spiel {
  color:#68D8D3;

}

h3.spiel a:hover {
  /*  text-decoration: underline; */
  color:#0680ff ! important;
}


div.links ul, ul.links {
  list-style-type: none;
}

.social {
  text-align: right;

}

.newslinks {
  margin: 0;
  padding: 0;
  /*  margin-bottom: 50px; */
}


ul.newslinks li{
  list-style-type: none;
  margin-bottom: 0.5em;
  font-size: 20px;
}


ul.newslinks ul{
  margin:0;
}

.hat-tip {

  font-size: 70%;
  color: #FF0080 ! important;

}

h1, h2, h3 {
  font-family: Anton;
}

h1 {   
  color: #00ccff;
}

h2 {
  color: #ff0080;

}

h3 {
  color:  #cf2;
}

.green {
  color: #cf2 ! important;
}

.blue {
  color: #00ccff ! important;
}

.red {
  color: #ff0080 ! important;
}

.yellow {
  color: #ffea04 ! important; 
}


.jumbotron h1, .jumbotron h2 {
  color: #2DCB65;
  font-family: Anton;
  letter-spacing: 0.1em;
}

.jumbotron h1{
  font-size: 72px;;
}

.jumbotron h2{
  font-size: 68px;;
}



jumbotron2 h1, .jumbotron h2 {
  color:#EDFFC8;
  font-family: Anton;
  letter-spacing: 0.1em;
}

.jumbotron2 h1{
  font-size: 38px;;
}

.jumbotron2 h2{
  font-size: 18px;;
}


.jumbotron2 h3.spiel {
    font-size: 18px ;
}




h3 a, h2 a  {
  color: #666;
}

.heady1, .heady2 {
  font-weight:bold;

}
footer{
  text-align:center;
}


@media screen and (min-width: 780px) {
  .jumbotron {
    
    padding: 3px 10% 3px 10%;
    background-color: #E40202;
    background-image: url(/images/DanceNoise_square_02.png); 
    background-position: right 5% top 0;
    background-repeat: no-repeat;
    height:480px;
}


.jumbotron2 {
  background-color: #E40202;
 /*   background-image: url(/images/DanceNoise_square_02_300.png);  */
    background-image: url(/img/Neurogani_drip_name_01.png) ! important; 

  background-position: right 30px top 0;
  background-repeat: no-repeat;
  height:250px;
}




}

@media screen and (max-width: 780px) {
  .jumbotron {
   background-color: #E40202;
    height:330px;
 }

 .jumbotron h1{
   font-size: 46px;;
}

.jumbotron h2{
  font-size: 34px;;
}

h2.spiel {
  /* color: #ff0000 ! important; */
  line-height: 1 em;
  font-size: 30px ! important;
}


h3.spiel, a.spiel {
  font-size: 22px ! important;
 /* color: #cf2   ! important; */
}



h2.spiel2 {
  /* color: #ff0080 ! important; */
  line-height: 1 em;
  font-size: 18px ! important;
}

h3.spiel2, a.spiel2 {
  font-size: 22px ! important;
  /* color: #cf2   ! important; *//

}
/*
em.spiel {
  color:#0680ff ;
  color:#fff;

}
*/


em.spiel2 {
  color:#0680ff ! important;;
  color:#fff! important;;

}

.jumbotron2 {
  background-color: #E40202;
  height:330px;
 }

 .jumbotron2 h1{
   font-size: 33px;;
}

.jumbotron2 h2{
  font-size: 22px;;
}

.jumbotron2  .container  h2.spiel {
  color: #ff0080 ! important;
  line-height: 1 em;
  font-size: 22px ! important;
}

.jumbotron2  .container  {
  padding: 20px;
}


h3.spiel2, a.spiel2 {
  font-size: 14px ! important;
  color: #cf2   ! important;
}


 }