/* this is a custom css stylesheet */

@font-face {
font-family: 'seen';
  src: url('../fonts/seen.woff') format('woff');
  src: url('../fonts/seen.eot') format('eot');
  src: url('../fonts/seen.ttf')  format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'seenblackout';
    src: url('../fonts/seen-blackout.eot');
    src: url('../fonts/seen-blackout.woff') format('woff');
    src: url('../fonts/seen-blackout.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'seenunderlined';
    src: url('../fonts/seen-underlined.eot');
    src: url('../fonts/seen-underlined.woff') format('woff');
    src: url('../fonts/seen-underlined.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.row{
  overflow:hidden;
  margin-left: 0px;
  margin-right: 0px;
  width: 100%;
  min-width: 100% !important;
  height: inherit;
}


body{
  background-color: #1c1c1c;
  text-rendering: optimizeLegibility; 
  -webkit-font-smoothing: antialiased !important;
  margin: 0px;
  font-variant-ligatures: common-ligatures;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga", "dlig";
  -webkit-font-feature-settings: "liga", "dlig";
  -o-font-feature-settings: "liga", "dlig";
  font-feature-settings: "liga", "dlig";
}

.about{
  margin-top: 10%;
  margin-left: 10%;
  margin-right: 10%;
}

.dokumenti{
height: 500px;
}

.row2{
  overflow:hidden;
  margin-left: 0px;
  margin-right: 0px;
  min-width: 100% !important;
  background-size: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover !important;
  background: url('../img/cover.png') no-repeat fixed center; 
}

.row3{
  overflow:hidden;
  margin-left: 0px;
  margin-right: 0px;
  min-width: 100% !important;
  background-size: 100%;
  background-color: #222222;
}

.row5{
  overflow:hidden;
  margin-left: 0px;
  margin-right: 0px;
  min-width: 100% !important;
  background-size: 100%;
  background-color: #1c1c1c;
}

.longtext{
  margin-top: 8%;
  margin-bottom: 8%;
  margin-left: 15%;
  margin-right: 15%;
}

.row4{
  overflow:hidden;
  margin-left: 0px;
  margin-right: 0px;
  min-width: 100% !important;
  background-size: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover !important;
  background: url('../img/cover2.png') no-repeat fixed center; 
}

.row6{
  overflow:hidden;
  margin-left: 0px;
  margin-right: 0px;
  min-width: 100% !important;
  background-size: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover !important;
  background: url('../img/cover3.png') no-repeat fixed center; 
}

.footer{
  margin-left: 15%;
  margin-right: 15%;
  margin-top:2%;
  margin-bottom:2%;
}

.instructions{
font-family:times; 
font-style: Italic; 
font-size:24px; 
color:white; 
position:fixed; 
top:40px; 
margin: auto;
width: 100%;
text-align: center;
}

.instructions2{
font-family:times; 
font-style: Italic; 
font-size:24px; 
color:white; 
position:fixed; 
bottom:40px; 
margin: auto;
width: 100%;
text-align: center;
}

#change{
position: absolute;
left:50px;
width: auto;
}

#hashtag{
position: absolute;
right:50px; 
width: auto;
top:36px;
}

h1 {
text-align:center;
font-family: "seen", sans-serif;
font-weight: normal !important;
letter-spacing: 1px;
color:white;
font-size: 60px;
line-height: 1.3;
}

h1:focus {
    border:none;    
}

h1 a{
color:white;
border-bottom: 2px solid white;
}

h2 {
text-align:center;
font-family: "seen", sans-serif;
font-weight: normal !important;
letter-spacing: 1px;
color:white;
font-size: 38px;
line-height: 1.3;
color: #1c1c1c;
}

h3 {
text-align:center;
font-family: "seen", sans-serif;
font-weight: normal !important;
letter-spacing: 1px;
color:white;
font-size: 26px;
line-height: 1.3;
color: #1c1c1c;
}

h3 a{
color: #1c1c1c;
border-bottom: 1px solid;
}

.linki{
  width: 100%;
  margin: auto auto auto auto;
  text-align: center;
}

#linkto{
  width: 20%;
  margin: auto 40px;
  display: inline-block;
}

#linkto a {
  padding: 20px 20px 24px 20px;
  display: block;
  border: 1px solid;
  text-align: center;
  color: #1c1c1c;
  letter-spacing: 1px;
  font-size: 24px;
  margin-top: 10%;
  margin-bottom: 160px;
  font-family: "seen", sans-serif;
  opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}

#linkto a:hover{opacity: 0.4;}
a {text-decoration: none !important;}

::selection
{
background:black;
color:white;
}
::-moz-selection
{
background:black;
color:white;
}



@media only screen and (min-width: 992px){
.row{height: 100vh}
.dokumenti{height: 100vh;}
}

@media (min-width:1281px) and (max-width:1660px){
h1 {font-size: 46px;}
  }

  @media (min-width:992px) and (max-width:1280px){
h1 {font-size: 40px;}
#linkto a{
  margin-top: 20px;
  margin-bottom: 120px;
}
#linkto {
    width: 30%;
}
  }


@media(max-width:992px){

  .instructions{
display: none;
}

.row2{
  background: url('../img/cover2S.png') no-repeat center center; 
}

.row3{
  display: none; 
}

.row5{
  display: none; 
}

.row4{
  background: url('../img/cover5S.png') no-repeat center center; 
}

.row6{
  background: url('../img/cover3S.png') no-repeat center center; 
}

h1 {
font-size: 26px;
}

.about{
  margin-top: 10%;
  margin-bottom: 10%;

}

#linkto{
  display: none;
}

#linkto a {
  padding: 14px 14px 18px 14px;
  margin-top: 40px;
  margin-bottom: 60px;
  font-size: 18px;
}

.longtext{
  margin-top: 7%;
  margin-bottom: 7%;
  margin-left: 5%;
  margin-right: 5%;
}

h2,h3 {
font-size: 18px;
}

h2 {
text-align: left;
}

.footer{
  margin-left: 5%;
  margin-right: 5%;
}

}