/* okulat 2019-12 */

html {
       overflow-y:                  scroll !important; /*force scrollbar*/
}

body {
       color:                       rgb(0, 0, 0);
       background:                  rgb(255, 255, 255);
       font-family:                 'Montserrat', sans-serif;
       font-size:                   18px;
       margin:                      0px; /* for images */
       padding:                     0px; /* for images */
}

a, a:link, a:visited {
       color:                       rgb(30, 30, 30);
       background-color:            none;
       text-decoration:             none;
}

a:hover {
       text-decoration:             underline;
}

img {
       border:                      0px;
       margin:                      0px;
       padding:                     0px;
}

.logo-wrapper {
       position:                    fixed;
       top:                         0;
       width:                       100%;
       height:                      70px;
       text-align:                  center;
       background:                  white;
       z-index:                     50;
}

.logo {
       padding-top:                 15px;
       height:                      40px;
       z-index:                     2;
}

@media screen and (min-width: 960px) {
.logo-wrapper {
       padding-top:                 calc((100vh - 36vw)/2);
       margin-top:                  -9.8vh;
       height:                      12vh;
       background:                  none;
}
.logo {
       height:                      100%;
}
}

@media screen and (min-aspect-ratio: 16/7){
.logo-wrapper{
       margin-top:                  1vh;
}
}

.burger {
      width:                        40px;
}

.insta {
      width:                        40px;
      padding:                      40px 20px 20px 20px;
}

/* mobile-navigation */

.toggle-nav {
       position:                    fixed;
       z-index:                     99;
}

a.toggle-nav {
	   top:                         22.5px;
       right:                       13px;
       display:                     inline-block;

}

a.toggle-nav:hover {   
	   color:                       black;
}

@media screen and (min-width: 960px) {
a.toggle-nav {
       display:                     none;
}
}

/* navigation */

.nav-wrapper {
       position:                    fixed;
       top:                         65px;
       width:                       100%;
       text-align:                  center;
       background:                  white;
       z-index:                     99;
}

.nav {
	   display:                     none;
       list-style:                  none;
       font-size:                   18px;
       font-weight:                 bold;
}

.nav li {
       padding-bottom:              10px;
       padding-right:               32px;
}

.nav li a{
       color:                       rgb(140, 140, 140);
}
 
.nav li a:hover{
       color:                       black;
       text-decoration:             none;
}

.nav:target {
	   display:                     block;
}

@media screen and (min-width: 960px) {
.nav-wrapper {
        top:                        90vh;
        width:                      100%;
        padding-top:                3vh;
        height:                     10vh;   
}
.nav {
        display:                    inline;
        margin-left:                -10px;
}
.nav li {
        display:                    inline;
        padding:                    10px;
}
}

.section{
       background-size:             cover;
       overflow: hidden;
}

@media screen and (max-width: 960px){
.fullpage-wrapper {
       margin-top:                  70px;
}
.section{
       padding-bottom:              20px;
}
}
    
.slide{
       background-size:             cover;
}

.center{
       margin-left:                 auto;
	   margin-right:                auto;
	   width:                       64vw;
	   position:                    relative;
}

@media screen and (max-width: 960px){
.center{
	   width:                       100vw;
}
}

.centerimage{
       display:                     block;
	   margin-left:                 auto;
	   margin-right:                auto;
       max-width:                   100%;
       max-height:                  36vw;
}

@media screen and (max-width: 960px){
.centerimage{
	   max-width:                   100vw;
       max-height:                  56.25vw;
}
}

.centertext{
       width:                       100vw;
       display:                     flex;
       justify-content:             center;
       align-items:                 center;
       font-size:                   18px;
}

@media screen and (max-width: 960px){
.centertext{
       height:                      50vw;
       font-size:                   3vw;
}
}

.centertext-full{
       width:                       100vw;
       display:                     flex;
       justify-content:             center;
       align-items:                 center;
       font-size:                   18px;
}

@media screen and (max-width: 960px){
.centertext-full{
       font-size:                   3vw;
       height:                      72vh;
}
}

.text{
       margin:                      0 auto;
       max-width:                   64vw;
       text-align:                  justify;
}

@media screen and (max-width: 960px){
.text{
       max-width:                   100vw;
       padding-right:               34px;
       padding-left:                34px;
       font-size:                   3vw;
}
}

.text-centered{
       margin:                      0 auto;
       max-width:                   72vw;
       text-align:                  center;
}

@media screen and (max-width: 960px){
.text-centered{
       border-style:                solid;
       border-radius:               3px;
       padding:                     4vw;
}
}

.text-slide{
       margin:                      0 auto;
       max-width:                   64vw;
       max-height:                  56.25vw;
       text-align:                  justify;
       overflow-y:                  hidden;
}

@media screen and (max-width: 960px){
.text-slide{
       max-width:                   70vw;
}
}

.text-slide-centered{
       text-align:                  center;
}


h1{
       margin-top:                  0;
       color:                       rgb(0, 0, 0);
       font-size:                   26px;
       font-weight:                 bold;
       text-align:                  center;
}

h2{
       color:                       rgb(0, 0, 0);
       font-size:                   22px;
       font-weight:                 bold;
       text-align:                  center;
}

h3{
       color:                       rgb(0, 0, 0);
       font-size:                   18px;
       font-weight:                 bold;
       text-align:                  center;
}

@media screen and (max-width: 960px){
h1{
       font-size:                   4vw;
    }
h2{
       font-size:                   3.5vw;
    }
h3{
       font-size:                   3vw;
    }
}