.page__3{ 
        visibility: hidden;     
        margin-top: 86px;
        margin-left: auto;
        margin-right: auto;
        display: grid;
        align-items: start;
        z-index: -2;
        grid-template-areas:
        "touch  contacts"
        "mosaic_page_3  contacts";

}

#mosaic_mobile_p3{
  display: none;
}

.touch{  
    grid-area: touch;
}

.mosaic_page_3{
    grid-area:mosaic_page_3;  
    
}

.contacts{
    grid-area:contacts;
    padding-top: 13.5vw;
}

#touch{ 
    position: absolute;
    margin-top: 0.6vw; 
    width: 293px;
    height: 196px;
    font-style: normal;
    font-weight: 500;
    font-size: 99.569px;
    line-height: 102px;
    display: flex;
    align-items: center;
    max-height: 200px;
    z-index: -1;
    color: #333333;
}

.mosaic{  
    position: absolute;       
    width:114px ; 
    margin-bottom: 0px;
}

#mosaic_1,#mosaic_2,#mosaic_3,#mosaic_4,#mosaic_5,#mosaic_6,#mosaic_7,
#mosaic_8,#mosaic_9,#mosaic_10,#mosaic_11,#mosaic_12,#mosaic_13,#mosaic_14{
    position: absolute; 
    margin-bottom: 0px;  
}

#mosaic_2{
    Width: 29px;
    Height :114px;
    padding-left:84px;
}
#mosaic_1,#mosaic_5{    
    z-index: 2;   
}
#mosaic_3{
    Width:85.49px;
    Height:85.48px;
    padding-left:111px;  
}
#mosaic_4{
    Width:84px;
    Height:85.48px;
    padding-left:194px;  
}
#mosaic_5{
    Width:56.98px;
    Height:56.98px;
}
#mosaic_6{
    Width:56.98px;
    Height:56.98px;
    padding-left:54px; 
}
#mosaic_7{
    Width:85px;
    Height:84.48px;
    padding-left:194px;  
}
#mosaic_8{
    Width:84px;
    Height:85.48px;
    padding-left:111px; 
  
}
#mosaic_9{
   Width:57px;
   Height:58px;
}
#mosaic_10{
    Width :160px;
    Height:30px;
    padding-left:110px; 
}
#mosaic_11{
   
    z-index: 2;
}
#mosaic_13{
    padding-left:110px; 
}
#mosaic_14{
    padding-left:155px;  
}

#mailLine,#phoneLine,#LinkedLine,#TwitterLine,#footerLine{
    border-bottom: 1px ;
}

#Mail,#Phone,#Linked,#Twitter{
    display: grid;
    align-items: center;
    grid-template-areas:
        "svgPages  TextHeder"
        "svgPages  Link";
        grid-template-rows: 20px;
        grid-template-columns: 10% 90%;    
}

#mailText,#LinkedText,#TwitterText{
    grid-area:TextHeder;
}
#mailLink,#LinkedLink,#TwitterLink{
    grid-area:Link;
}
#contact_mail,#contact_phone,#contact_linked,#contact_twiter{
    grid-area:svgPages;
}
#contact_mail{  
    width: 24px;
    height: 18px;
    z-index: 10px;
    }
 
    #contact_phone{
    width: 15px;
    height: 24px;   
    }

    #contact_twiter{
        width:22px;       
    }
 
#contact_mail,#contact_phone,#contact_linked,#contact_twiter{      
    fill: #333333;
}




a{
color: #333333;
text-decoration: underline;   
} 


#contact_linked:hover {
    fill: #FF0000;
}

#contact_twiter:hover{
    fill: #3D37CD;
}


/* ////////////////////////////////////// */




a:hover{
    color: #FF0000;
}

#contact_mail:hover + #mailText>#mailLink{
    color: #28C65C;
}





@media (max-width: 767px ){
  
    .page__3{          
        grid-template-areas:
        "touch touch"
        "contacts contacts"
        "mosaic_page_3 mosaic_page_3";      
        width: 400px; 
        height: 1130px;  
        
    }
  
    #pageHeader{      
        z-index: 10000;
    }
#touch{
    padding-top: 0px;
}
.contacts{
    position: absolute;
    margin-top:130px;
    width: 400px;
    margin-left: 0px;
     z-index: 100;
} 
.mosaic{          
margin-top: 40px;
}

.mosaic_page_3{
  position: relative;
 }
}



@media(min-width:  767px) and (max-height:900px){
 .mosaic_page_3{
    position: absolute;
    bottom: 87px;
 }
}

@media (min-width:  767px) and (max-height:820px){
    .page__3{ 
        visibility: hidden;     
        margin-top: -38px;
        margin-left: auto;
        margin-right: auto;
        display: grid;
        align-items: start;          
        max-height: 680px;  
   }
   #touch{      
    margin-top: -3vw;      
}
.contacts{
    padding-top: 8vw;
}

}

@media (min-width:  767px) and (max-height:680px){
    .mosaic_page_3{
     top: 600px;     
     }
}
  
 
   
 
@media (max-width: 490px ){
    .page__3{         
        display: grid;    
        grid-template-areas:
        "touch"
        "contacts"
        "mosaic_mobile_p3";
        width: 100vw;
     
        /* background-color: #28C65C; */
        /* height: 667px; */
        /* margin-top: 0px;
        margin-left: auto;
        margin-right: auto; */
    
     
    }

#touch{ 
    top: 50px;
    padding-left: 3vw;
    font-size: 80px;
    line-height: 74px;  
}
.contacts{
    /* top: -130vw; */
    /* position: absolute; */
    /* top:-130vw; */
    position: fixed;
    padding-top: 2vw;
    padding-left: 5vw; 
    width: 90vw;
  
}
    #mosaic_mobile_p3{
        grid-area:mosaic_mobile_p3;
        display: block;
        /* padding-top: 110vw; */
        bottom: 0px; 
     
      }
      .mosaic{             
        display: none; 
     }
     .mosaic_mobile{ 
        /* padding-top: 42vw;           */
        /* position:absolute;      */
        position: fixed;
        Width:130px;
        Height:130px; 
        bottom: 0px;     
        
    }

      #mosaic_1_mobile{        
        margin-left: 0px;
        z-index: -10; 
        }
        #mosaic_2_mobile{
            /* position:absolute;  */
            margin-left: 30px; 
            bottom: 0px;
            z-index: -100;         
        }
        #mosaic_3_mobile{
            /* position:absolute;  */
            margin-left: 150px;
            bottom: 0px;
            Width:85px;
            Height:85px;

        }
        #mosaic_4_mobile{
            /* position:absolute;      */
            margin-left: 234px;
            bottom: 0px; 
            Width:84px;
            Height:84px;        
        }
       
}




@media (max-width: 320px ){
    #mosaic_1_mobile{        
        margin-left: 0px;
        z-index: -10; 
        bottom: -45px;
        }
        #mosaic_2_mobile{        
            margin-left: 0px; 
            bottom: -45px;
            z-index: -100;         
        }
        #mosaic_3_mobile{        
            margin-left: 110px;
            bottom: -20px;
            Width:85px;
            Height:85px;

        }
        #mosaic_4_mobile{        
            margin-left: 190px;
            bottom: -20px;
            Width:84px;
            Height:84px;        
        }
}

@media (min-width: 768px) {
    .page__3{        
        width: 650px; 
        grid-column-gap: 20vw;  
        height: 900px;            
    }
   #touch{
    padding-top: 220px;
   }
   .contacts{ 
    margin-top:90px;
   
    margin-left: 10px;
   } 

}
@media (min-width: 992px) { 
    .mosaic{   
        padding-top: 0px; 
    }
    .page__3{        
        width: 650px;  
    } 
    .mosaic{                   
        margin-top: 0px;   
    }
    .page__3{
        height: 900px;
    }
}

@media (min-width: 1200px) { 
    .mosaic{       
        padding-top: -220px; 
    }   
    .page__3{        
        width: 800px; 
        grid-column-gap: 0vw;     
    }
  
}
@media (min-width: 1450px) {  
     
    .mosaic{       
        padding-top: 0px; 
       
    } 
    .page__3{        
     width: 800px;
     grid-column-gap: 0vw; 
     height: auto;        
   }
   .mosaic{                   
    margin-top: 0px;   
}
.contacts{
    margin-left: 115px;
    padding-top: 8vw;    
}
}




    @media (max-height:610px){
        #mosaic_mobile_p3{
          visibility: hidden;
          opacity: 0;         
        }    
    }