/*#font-----------------*/
@font-face {
   font-family: 'Nordiak-Light';
   src: url('../font/Nordiak-Light.eot?#iefix') format('embedded-opentype'),  
   url('../font/Nordiak-Light.otf')  format('opentype'),
   url('../font/Nordiak-Light.woff') format('woff'), 
   url('../font/Nordiak-Light.ttf')  format('truetype'), 
   url('../font/Nordiak-Light.svg#Nordiak-Light') format('svg');
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: 'Nordiak-Regular';
   src: url('../font/Nordiak.eot?#iefix') format('embedded-opentype'),  
   url('../font/Nordiak.otf')  format('opentype'),
   url('../font/Nordiak.woff') format('woff'),
   url('../font/Nordiak.ttf')  format('truetype'),
   url('../font/Nordiak.svg#Nordiak') format('svg');
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: 'Nordiak-Regular-Italic';
   src: url('../font/') format('embedded-opentype'),  
   url('../font/Nordiak-Regular-Italic.otf')  format('opentype'),
   url('../font/Nordiak-Regular-Italic.woff') format('woff'), 
   url('../font/Nordiak-Regular-Italic.ttf')  format('truetype');
   font-weight: normal;
   font-style: normal;
}
/*#general -----------------*/
* {
   margin: 0;
   padding: 0;
   text-decoration: none;
   box-sizing:border-box;
   text-shadow: none!important;
}
body {
   max-width: 800px;
   margin: 0 auto;
   background: #255669;
}
ul>li {
   list-style-type: none;
}
p {
   font-family: 'PT Mono';
   font-weight: 400;
   font-size: 1rem;
   letter-spacing: 0.1rem;
   color: #DBD9D7;
   margin: 1rem 0;
}
img {
   max-width: 40%;
   min-height: auto;
   margin: 1rem auto;
}
.row {
   display:flex;
   flex-wrap:wrap;
}
section, footer {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   text-align: center;
   align-content: center;
}
section {
   height: 90vh;
   padding: 1rem 0;
}
section a {
   display: inline-block;
   color: #DBD9D7;
   text-decoration: none!important;
   padding: 10px 50px 12px 50px;
   margin-top: 3rem;
}
section a:hover {
   background: #DBD9D7;
   color: #111820;
}
footer {
   height: 10vh; 
}
footer p {
   font-size: 0.8rem;
   color: #DEDEDE;
   padding: 0 1rem;
}
span:after {
   content: "";
   background: #DEDEDE;
   width: 100px;
   height: 1px;
   display: block !important;
   margin: 10px auto;
}

@media screen and (max-width:768px) {
   section {height: auto;}
   img {
      max-width: 60%!important;
      margin-top: 5rem;
      margin-bottom: 2rem;
   }
   p {font-size: 0.5rem;}
   section a {margin-top: 1rem;}
   footer {
      height: auto;
      margin-top: 4rem;
   }
   footer p {font-size: 0.8rem;}
}