* { margin:0; padding:0; }

@font-face {
  font-family: 'Frontage';
  src: url("/fonts/Frontage-Bold.otf") format("opentype");
}


@font-face {
  font-family: 'Frontage-regular';
  src: url("/fonts/Frontage-Bold.otf") format("opentype");
}



.content_block_red{
  background-color: #f16237;
  min-width:100%;
  padding:0;     
  margin:0;     
 } 

a:link {
    color: #777777;
}

/* visited link */
a:visited {
    color: #f16237;
}

.red_back {                                                        
     background-repeat: no-repeat;
     background-image: url(../images/bluuu.svg);
     background-color: #f16237;
     min-width:100%;       
     min-height:10px;       
     background-position: left bottom; 
     background-clip: padding-box;
     padding:0;     
     margin:0;     
     }

.section {
  margin-left: auto;
  margin-right: auto;
  min-width:70%;  
  max-width:70%;
  padding-bottom:5em;    
}
.section img{
  height:5%;
  width:5%;
}

.section h3{
  text-align:right;
  margin-right:2%;
}

body {
  padding-bottom:0;
  padding-top: 120px;

}

#main {
  text-align:center;
  min-width: 30%; 
  padding-bottom:10em;
}
  /*
  padding-bottom: 0px;
  background-color: #f1623b;
  background-color: #000000;
  font: 14px  "Lucida Grande", Helvetica, Arial, sans-serif;
  color: #ffffff;
  margin-left: auto;

/*
  margin-right: auto;
  background-image: url(../images/logo1.png) ;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: contain;
  background-clip: padding-box;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
*/
@media screen and (max-width: 768px) {
    body { padding-top: 0px; }
}

a {
  color: #00B7FF;
}

.navbar-fixed-top {
  font-family: 'Frontage-regular';
  background-color: #ffffff;
  font-size:1vw;
  border-color: #f1623b;;  
}

.navbar-default .navbar-nav>li>a{
  color:#000000;
}

#home {
  /*display:block;*/
}
.img-logo{
  padding-top:30%;
  padding-left:10%;
  max-width:30px;
}
/*
h3 {
  background:#ffffff;
  max-width:15%;
  transform:rotate(9deg);
  top:-10%;
  border-radius:10px;
  color:#000000;
}
*/

#main h3{
  text-align:center;
}
.section table {
  /*display: table;*/
  margin-left: auto;
  margin-right: auto;
  border-collapse : collapse;
  text-align:center;
  
}
.section table th,
.section table td {
  padding : 4px 8px;
  border : 1px solid #aaa;
  min-width:30px;
}
.section ul {
  padding-left: 2em;
}

#logo {
  display: block;
  /*margin-top: 50px;*/
  margin-left: auto;
  margin-right: auto;
  width:40%;
  padding: 10%;
  background-image: url(../images/logo_thsf.svg);
  background-size: contain;
  background-position: top center; 
/*  filter: invert(100%);
  -webkit-filter: invert(100%);
*/
  background-repeat: no-repeat;
}

#title_text{
  
  font-family: "andale mono", "lucida console", monospace;
  /*font-size:30px;*/
  font-size:1vw;
  color: #fff;
  opacity:1;
  padding-left:70%;
  padding-top:5%;

}

.content_box:before{
      content:<p/>;
      z-index:-1;
      margin:0;
      padding-top:50px;
      width:20%;
      margin-bottom:-20px;
      border-bottom: 10px solid rgb(0,0,0);
      border-right: 10px solid transparent;
}

.content_box:nth-of-type(odd):before{

      border-bottom: 10px solid rgb(255,255,255);
      border-right: 10px solid transparent;
}