#divRotator
{
    position: relative;
    height: 600px;
}


@media screen and (max-width: 640px)
{
   #divRotator
    {
        position: relative;
        height: 85vw;
    }
}


.divBlokk
{
    width: 100%;
    height: 520px;
    position: relative;
    align-items: baseline;
    overflow: hidden;
}

.divBlokkL
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 600px;
    height: 520px;
    margin: 0px;
    padding: 0px;
    text-align: right;
    overflow: hidden;
}

.divBlokkR
{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 600px;
    height: 520px;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

@media screen and (max-width: 640px)
{
    .divBlokk
    {
        height: 136.5vw;
    }
    
    .divBlokkL
    {
        width: 100%;
        height: 68.75vw;
        text-align: left;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .divBlokkR
    {
        width: 100%;
        height: 68.75vw;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
}


.divBlokk h1
{    
    font-size: 80px;
    font-family: RobotoBlack;
    margin: 0px;
    padding: 0px;
    line-height: 80px;
        
    position: absolute;
    bottom: 260px;
    left: 50px;
    right: 50px;
    display: block;
}

.divBlokk h2
{
    font-size: 40px;
    margin-top: 270px;
    margin-left: 50px;
    font-family: RobotoLight;
    font-weight: 100;
    line-height: 45px;
    margin-right: 50px;
}

.divBlokk h3
{
    font-size: 18px;
    margin-top: 20px;
    margin-left: 50px;
    margin-right: 50px;
    font-family: RobotoLight;
    font-weight: 100;
}

.divBlokkL h1, .divBlokkL h2, .divBlokkL h3
{
    display: block;
    text-align: right;
 }
 
@media screen and (max-width: 640px)
{
    .divBlokk h1
    {    
        font-size: 10.94vw;
        line-height: 10.94vw;
        position: relative;
        left: 0px;
        top: 0px;
        right: auto;
        bottom: auto;
        margin-left: 5vw;
        margin-top: 3.13vw;
    }
 
    
    .divBlokk h2
    {
        font-size: 6.25vw;
        line-height: 6.25vw;
        margin-top: 2vw;
        margin-left: 5vw;
        margin-bottom: 4vw;
        margin-right: auto;
    }
    
    .divBlokk h3
    {
        font-size: 4.69vw;
        margin-top: auto;
        margin-left: 5vw;
        margin-right: 5vw;
        font-family: RobotoLight;
        font-weight: 100;
    }
    
    .divBlokkL h1, .divBlokkL h2, .divBlokkL h3
    {
        text-align: left;
     }
}






#divBlokk1
{
    background-color: rgb(172,155,147);
}

#divBlokk1 .divBlokkL
{
    background-image: url('../images/blokk1.jpg');
}

#divBlokk1 h2
{
    width: 50%;
}

#divBlokk1 h3
{
    width: 65%;
}

#divBlokk1 img
{
    position: absolute;
    left: 25px;
    top: 30px;
}

@media screen and (max-width: 640px)
{
    #divBlokk1 .divBlokkR
    {
        top: 68.75vw;
    }
    
    #divBlokk1 h2
    {
        width: 100%;
    }
    
     #divBlokk1 h3
    {
        width: 85vw;
    }
    
    #divBlokk1 img
    {
        top: auto;
        left: auto;
        right: 5vw;
        bottom: 3.13vw;
        height: 21.1vw;
    }
}


    


#divBlokk2
{
    background-color: rgb(167,174,115);    
}

#divBlokk2 .divBlokkR
{
    background-image: url('../images/blokk2.jpg');
}

#divBlokk2 h3
{
    padding-left: 40%;
}

#divBlokk2 img
{
    position: absolute;
    right: 25px;
    top: 10px;
    height: 170px;
}


@media screen and (max-width: 640px)
{
    #divBlokk2 .divBlokkR
    {
        position: absolute;
        top: 0px;
    }
    
    #divBlokk2 .divBlokkL
    {
        top: 68.75vw;
    }
    
    #divBlokk2 h3
    {
        padding-right: 10vw;
        padding-left: 0px;
    }
    
    #divBlokk2 img
    {
        top: auto;
        left: auto;
        right: 5vw;
        bottom: 3.13vw;
        height: 21.1vw;
    }
    
}







#divBlokk3
{
    background-color: rgb(169,188,204);    
}

#divBlokk3 .divBlokkR
{
    background-image: url('../images/blokk3.jpg');
}

#divBlokk3 h1
{
    bottom: 190px;
    line-height: 65px;
}

#divBlokk3 h2
{
    margin-top: 350px;
    margin-bottom: 15px;
}

#divBlokk3 h3
{
    padding-left: 30%;
    margin-top: 10px;
}

#divBlokk3 img
{
    position: absolute;
    right: 25px;
    top: 30px;
}


@media screen and (max-width: 640px)
{
    #divBlokk3 .divBlokkL
    {
        top: 68.75vw;
    }
    
    #divBlokk3 h1
    {
        line-height: 1em;   
    }
    
    #divBlokk3 h2
    {
        margin-top: 2vw;   
    }
    
    #divBlokk3 h3
    {
        margin-left: 5vw;
        padding-left: 0vw;
        margin-right: 18vw;
    }
    
    #divBlokk3 img
    {
        top: auto;
        left: auto;
        right: 5vw;
        bottom: 3.13vw;
        height: 21.1vw;
    }
}




#divBlokk4
{
    background-color: rgb(212,174,161);    
}

#divBlokk4 .divBlokkL
{
    background-image: url('../images/blokk4.jpg');
}

@media screen and (max-width: 640px)
{

    #divBlokk4 .divBlokkR
    {
        position: absolute;
        top: 68.75vw;
    }
    
    #divBlokk4 .divBlokkL
    {
        top: 0vw;
    }
        
}


#divBlokk5
{    
    background-color: rgb(255,248,242);
    color: rgb(0,0,0);
}

#divBlokk5 .divBlokkR
{
    text-align: center;
    font-family: RozhaOneRegular;
    font-weight: normal;
}

#divBlokk5  .keret
{
    background-image: url('../images/blokk5.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 50px;
    left: 50px;
    bottom:50px;
    right: 50px;
}

#divBlokk5 .keret1
{
    position: absolute;
    top: 0px;
    left: 0px;
    bottom:0px;
    right: 0px;
    border: solid 20px rgba(255,255,255,.2);
}

#divBlokk5_1
{
    font-family: RozhaOneRegular;
    font-size: 60px;    
    text-align: center;
    margin-top:80px;
}

#divBlokk5_2
{
    margin-top: 5px;
    margin-bottom: 10px;
    font-family: RobotoRegular;
    font-size: 19px;
}

#divBlokk5_3
{
    font-size: 19px;
    line-height: 22px;
    position: relative;
    padding: 5px 70px;
}


#divBlokk5_3 span
{
    font-size: 80px;
    position: absolute;          
}

#divBlokk5_3 .bal
{
    left:75px;
    top: -23px
}

#divBlokk5_3 .jobb
{
    top:3px;
    right: 70px;   
}

#divBlokk5_4
{
    font-size: 16px;
    color: rgb(210,73,73);
    margin-top: 16px;
}

#aBlokk5_1
{
    display: inline-block;
    width: 130px;
    height: 90px;
    background-image: url('../images/blokk4a1.png');
    background-position: top center;
    background-repeat: no-repeat;
}

#aBlokk5_1:hover
{
    background-image: url('../images/blokk4a1_hover.png');
}

#aBlokk5_2
{
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 100px;
    width: 130px;
    height: 91px;
    background-image: url('../images/blokk4a1.png');
    background-repeat: no-repeat;
}

#aBlokk5_2:hover
{
    background-image: url('../images/blokk4a1_hover.png');
}


#aBlokk5_3
{
    position: absolute;
    top: 0px;
    right: 100px;
    width: 130px;
    height: 91px;
    background-image: url('../images/blokk4a2.png');
    background-repeat: no-repeat;
}

#aBlokk5_3:hover
{
    background-image: url('../images/blokk4a2_hover.png');
}

@media screen and (max-width: 640px)
{

    #divBlokk5 .divBlokkL
    {
        top: 0px;
    }
    
    #divBlokk5 .divBlokkR
    {
        top: 68.75vw;
    }

    #divBlokk5
    {
        font-size: 40px;    
    }

  
    #divBlokk5 .keret
    {
        top: 5vw;
        left: 5vw;
        bottom:5vw;
        right: 5vw;
    }
    
    #divBlokk5_1
    {
        display: none;
    }
     
     
    #aBlokk5_1
    {
        width: 20.31vw;
        height: 14.06vw;
        background-size: cover;
    }
    
    #aBlokk5_3
    {
        width: 20.31vw;
        height: 14.06vw;
        right: 12.5vw;
        top: -7vw;
        background-size: cover;
    }
    
    #divBlokk5_2
    {
        font-size: 4.69vw;
    }
    
    #divBlokk5_3
    {
        font-size: 4.69vw;
        line-height: 5vw;
        margin: 0px 12vw;
        padding: 0px;
    }
    
    #divBlokk5_3 span
    {
        font-size: 12.5vw;
        position: absolute;          
    }
    
    #divBlokk5_3 .bal
    {
        left: -5vw;
        top: -3.7vw;
    }
    
    #divBlokk5_3 .jobb
    {
        top: 8vw;
        right: 10vw;   
    }
    
    #divBlokk5_4
    {
        font-size: 3.75vw;
        margin-top: 16px;
    }
    

}



#divBlokk6
{
    background-color: rgb(204,186,206);    
}

#divBlokk6 .divBlokkL
{
    text-align: center;
}


#divBlokk6 .divBlokkR
{
    background-image: url('../images/blokk6.jpg');
}


#divBlokk6 h1
{
    text-align: center;
    color: rgb(85,52,89);
    font-family: RozhaOneRegular;
    font-weight: normal;
    font-size: 60px;
    line-height: 55px;
    top: 100px;
    bottom: unset;
}

#divBlokk6 h2
{
    text-align: center;
    color: rgb(85,52,89);
    font-family: RozhaOneRegular;
    font-weight: normal;
    font-size: 24px;
    line-height: 26px;
    margin-top: 230px;
    margin-bottom: 60px;
}

#divBlokk6 a
{
    font-family: RobotoMedium;
    font-size: 24px;
    display: inline-block;
    padding: 20px 30px;
    border: solid 3px rgb(114,81,118);
    color: rgb(85,52,89);
    text-decoration: none;
}

#divBlokk6 a:hover
{
    color: rgb(204,186,206);    
    background-color: rgb(85,52,89);
}

@media screen and (max-width: 640px)
{

    #divBlokk6 .divBlokkR
    {
        top: 0px;
    }
    
    #divBlokk6 .divBlokkL
    {
        top: 68.75vw;
    }
    
    
    #divBlokk6 h1
    {
        font-size: 9.38vw;
        line-height: 9.38vw;
        top: 0px;
        bottom: unset;
        margin-left: 0px;
        margin-right: 0px;
    }
    
    #divBlokk6 h2
    {
        font-size: 4.69vw;
        line-height: 5.6vw;
        margin: 4.69vw 0px;
    }
    
    #divBlokk6 a
    {
        font-size: 3.75vw;
        padding: 3.13vw 4.69vw;
        border-width:  0.7vw;
    }    
}


#divBlokk7
{
    background-color: #f2a569 ;    
}

#divBlokk7 h3
{
    margin-right: 40%;   
}

#divBlokk7 .divBlokkL
{
    background-image: url('../images/blokk7.jpg');
    background-position: center;
}

@media screen and (max-width: 640px)
{

    #divBlokk7 .divBlokkR
    {
        position: absolute;
        top: 68.75vw;
    }
    
    #divBlokk7 .divBlokkL
    {
        top: 0px;
    }
    
    #divBlokk7 h3
    {
        margin-right: 20vw;
        padding-left: 0px;
    }
}