* { 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;
}

@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;
  min-width:100%
  
}
.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%;

}