@media (width >= 1219px) {
.tabBoxMenu { grid-area: menu; }
.tabBoxContent { grid-area: content; }

.tabBoxGrid{
    display: grid;
    grid-template-areas:
    'menu menu menu menu menu menu'  
    'content content content content content content ';

    overflow:hidden;
    min-width:760px;
    
    
}


.tabBoxMenu {
    display: grid;
    grid-template-columns: auto auto auto auto auto auto;  
}

.tabBoxGridContent{
    display: grid;
    grid-template-columns:auto ;
    
}
 
  
   
    .tabBoxLinks{
        background-color: white;
        display: inline-block;
        width:120px;
        height:120px;
        
        transition: all 0.8s;    
        -webkit-transition: all 0.8s;
        -moz-transition: all 0.8s;
        -ms-transition: all 0.8s;
        -o-transition: all 0.8s;
        

        cursor:pointer;
    }

    .tabBoxLinks:hover, .tabBoxLinks.active{
        display: inline-block;
        width: 120px;
        height:120px;
        
        transition: all 0.8s;
        -webkit-transition: all 0.8s;
        -moz-transition: all 0.8s;
        -ms-transition: all 0.8s;
        -o-transition: all 0.8s;
        

        cursor:pointer;
        
    }

    .wywiad{
        background:url(../img/icons/wywiad-szary.png) no-repeat;       
        
    }
    .wywiad:hover, .wywiad.active{
        background:url(../img/icons/wywiad-zielony.png)  no-repeat;       
        
    }

    .dokumenty{
        background:url(../img/icons/dokumenty-szary.png);
    }
    .dokumenty:hover, .dokumenty.active{
        background:url(../img/icons/dokumenty-zielony.png);

    }

    .badanie{
        background:url(../img/icons/badanie-szary.png);
    }
    .badanie:hover, .badanie.active{
        background:url(../img/icons/badanie-zielony.png);

    }

    .hipoteza{
        background:url(../img/icons/hipoteza-szary.png);
    }
    .hipoteza:hover, .hipoteza.active{
        background:url(../img/icons/hipoteza-zielony.png);

    }

    .testterapii{
        background:url(../img/icons/testterapii-szary.png);
    }
    .testterapii:hover, .testterapii.active{
        background:url(../img/icons/testterapii-zielony.png);

    }

    .zakonczenie{
        background:url(../img/icons/zakonczenie-szary.png);
    }
    .zakonczenie:hover, .zakonczenie.active{
        background:url(../img/icons/zakonczenie-zielony.png);

    }

    .tabBoxContent {
        display: none;
        text-align: left;
        min-width:760px;      
        color:rgb(126, 148, 162);
        font-family: 'Livvic', sans-serif;
        font-size:20px;    
        font-weight:normal;
        
    }

}

@media (width <= 1218px){

.point {
    width:1px;
    height:1px;
    background-color:rgb(126, 148, 162);
    border: 1px solid rgb(126, 148, 162);
    overflow:hidden;
    margin:0 auto;
}
}