@font-face{
  font-family: "Cambria";
  src: url('../typo/CAMBRIAB.ttf')format("truetype");
}
@font-face{
  font-family: "Raleway-Regular";
  src: url('../typo/Raleway-Regular.ttf')format("truetype");
}
@font-face{
  font-family: "Raleway-Bold";
  src: url('../typo/Raleway-Bold.ttf')format("truetype");
}
@font-face{
  font-family: "Raleway-Italic";
  src: url('../typo/Raleway-Italic.ttf')format("truetype");
}
body{
width:100%;
height:100%;
margin:0;
font-family: "Raleway-Regular";
font-size: 1em;
}

header{
max-width:1280px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
-webkit-box-align:center;
    -ms-flex-align:center;
        align-items:center;
margin:auto;
color:grey;
height:250px;
min-height:250px;
}

#s_tsj{
color:rgb(203,23,25);
}
.logo_tsj{
margin:auto;
text-align:center;
margin-top:0px;
}

.logo_tsj h1{
font-family: "Cambria";
font-size: 4em;
}

.logo_tsj h2{
margin-top:-30px;
font-family: "Raleway-Bold";
font-size: 0.8em;
text-align:justify;
text-align-last: justify;
border-top: 3px solid rgb(203,23,25);
}

@media all and (max-width: 960px),all and (orientation:portrait)  {
  
  header{
  height:120px;
  min-height:120px;
  padding-left:1em;
  }
  
 .logo_tsj h1{
font-size: 3em;
margin-top:-5px;

}
.logo_tsj h2{

font-size: 0.5em;
border-top: 1.5px solid rgb(203,23,25); 
}
}