html{
     height: 100%;
     width:100%;
   margin:0px;
        padding:0px; 
    }
body {
    #height:100%;
    border-left: 0.9em solid #1580b4; 
    background: #efebea url('./img/background9-1.svg') fixed ;
    background-size: 250px;	
    background-position: bottom right;        
    background-repeat: no-repeat;
    padding-top: 50px;
    margin:0px;
   
    text-align: center;  
    display:flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items:flex-start;
    
    font-family: 'Montserrat', sans-serif;
    font-weight:300;        
    font-size: 0.92em;
    line-height:1.45em;
    text-align:justify;
}
   ul {
        list-style-image: url('./img/bullet.svg');
      
       
       font-weight:400;
       
    }
   
    div{
        #border: 1px solid black;
    }
    p{
        padding:0px;
        margin:0px;
    }
    
    #np-content{
        padding-left: 0px;
        width: 100%;          
        display:flex;
        justify-content: left;
        align-content: stretch;
        flex-wrap: wrap;
        align-items:stretch;
        max-width: 750px;
	}

    #np-logo{
        height:100px; 
        flex-basis: 100%;
        float:left;
	}
    #np-description{
        margin-left:80px;
        flex-basis: 100%;
        width: 100%;
        color: #434343;
        clear:both;
        align-content: stretch;        
    }
    #np-description p{
        margin-bottom:15px;
        margin-top:0;
        color:black;
    }
    
        #np-description a, a:active{
        color: #1580b4;
        text-decoration:none; 
        font-weight:400;
                
    }
        #np-description a:hover{
        color: #434343;;
        text-decoration:underline; 
        font-weight:400;
    }

    #bottomsection{
        padding-top:20px;
    }

    #imageA{
        width: 80px;
        height: 70px;
        float: left;
    }
    #imageAnnoText{
        width: 70%;
        height: 70px;
        text-align:left;
        padding-left:10px;
        
    }
    #lang{
        width:80px;
        margin-top: 25px;
        float:left;
        vertical-align: top;
        text-align:right;     
    } 
    #langicon{
        width:20px;
    }

    #fotoanno{
        width:75px;
    }


    #maillinkedin{
        margin-bottom:10px;
        width:45%;  
        text-align: left;
        padding-top:5px; 
        font-weight:300;        
        font-size: 0.75em;
        line-height: 1.3em;
        letter-spacing: 0.01em;
        color: #434343;
        
        float: left;
    }
    #maillinkedin a, #maillinkedin a:active, #kvkbtw a, #kvkbtw a:active{
        color: #434343;
        text-decoration:none;        
    }
        #maillinkedin a:hover, #kvkbtw a:hover{
        color: #1580b4;
        text-decoration:underline; 
          
    }
    #kvkbtw{
        margin-left:20px;
        width:35%;
        text-align: right;
        #padding-top:15px;
        font-weight:300;        
        font-size: 0.75em;     
        line-height: 1.3em;
        letter-spacing: 0.01em;
        color: #434343; 
        float: right;
    }
    #kvkbtw p, #maillinkedin p{
        margin-left:20px;
        margin-top:0px;
        margin-bottom:10px;
        padding-bottom:0px;
    }
    
    h1, h2{
        font-weight:500;        
        
        letter-spacing: 0.05em;
    }
    h1{
        font-size: 1.1em;       
        line-height: 0em;       
        padding-top:8px;
        color: #1580b4;
    }
    h2{
        font-size: 0.75em;
        line-height: 0.9em;
        padding-top:6px;
        color: #434343; 
    }
    g{
        font-weight:400;
    }
    h{
        font-weight:400;
    }
    #logonp{
        width:350px;
        
    }
    #linkedmail{
        width:20px;
        margin-bottom:-5px;
    }

    #left{
        width:0px;
        margin-bottom:-5px;
    }
    #right{
        width:20px;
        margin-bottom:-5px;
    }
@media only screen 
and (max-width: 1200px) {

    #kvkbtw, #maillinkedin{
        width:100%;
        text-align:left;
           
    }
    #left{
        width:20px;
    }
    #right{
        width:0px;
    }
}
@media only screen 
and (max-width: 800px) {
    body{
    background-size: 25%;		
    }
    #left{
        width:20px;
    }
    #right{
        width:0px;
    }
}
@media only screen 
and (max-width: 550px) {
    body{
    background-size: 0%;		
    }
    #left{
        width:20px;
    }
    #right{
        width:0px;
    }
}    
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (orientation:portrait)
{ 
    /* STYLES GO HERE */ 
    
    #logonp{
        width:550px;  
    }
     #np-logo{
        height:130px;
    }
    body{
        background-size: 40%;
        font-size: 1.7em;
        line-height: 1.6em;
        padding-left:0;
        padding-right:0;
    }
    #np-content {

        max-width: 900px;
        padding-right:30px;
    }
    #np-description{
        margin-left:125px;

        
    }
    

    #kvkbtw, #maillinkedin{
        font-size: 1em;
        padding-top:25px;
        width:100%;
        text-align:left;
           
    }
    h1{
        font-size: 1.7em;       
        line-height: 1.1em;       
        margin-top:10px;
        
    }
    h2{
        font-size: 1.2em;
        line-height: 0em;
        margin-top:10px;
         
    }
        #imageA{
        width: 180px;
        height:180px;
    }
    #fotoanno{
        width:180px;
    }
    #lang{
        width:180px;
    }
    #langicon{
        width:60px;
        padding-top:10px;
        padding-left:10px;
    }
    #linkedmail{
        width:30px;
    }
    #left{
        width:30px;
    }
    #right{
        width:0px;
    }
    #imageAnno{
        padding-top:20px;
    }
    #imageAnnoText{
        width:70%;
    }
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (orientation:landscape)
{ 

    #np-content {
        width:100%;
        padding-right:30px;
        max-width: 1050px;
    }
      #lang{
        width:180px;
    }
    #langicon{
        width:30px;
        padding-top:5px;
        padding-left:5px;
    }
}