/* max 900px (tablets) */
@media only screen and (max-width:900px){
    body{
        max-width: 900px; 
    }
    main{
        background-color:#97D0AC;
    }
    nav ul li a{
        font-size: 1.2rem;
    } 
    #logo{
        margin-top:35px;
        padding-top:10%;
        background-size: 50% 50%;
    }
    #albums{
        width:100%;  
        padding-left: 5%;
        float:left;
    }
    #albums ul li img{
        width:18%;
        margin-top:3%;
        margin-left:7%;
        margin-bottom:5%;
        float:left;
    }
    #multimedia{
        margin-left:auto;
        margin-right:auto;
        float:none;
    }
	
	#vorige{
		top: 7%;
		left:1%;
		transform:scale(0.5);		
	}
	#volgende{
		top: 7%;
		right:1%;
		transform:scale(0.5);
	}
}

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

    body{
        max-width: 600px;
    }
    main{
        background-color:#D4808B; 
    }
    
    table th{
       font-size: 0.8rem;
    }
    table td{
       font-size: 0.8rem;
    }
	
	#vorige{
		top: 5%;
		left:1%;
		transform:scale(0.5);		
	}
	#volgende{
		top: 5%;
		right:1%;
		transform:scale(0.5);
	}
}

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

    body{
        max-width: 480px;
    }
    main{
        background-color:#FF4E00; 
    }
    
   nav ul li {
		float:none;
		width:100%
   }
   
	#vorige{
		top: 15%;
		left:1%;
		transform:scale(0.5);		
	}
	#volgende{
		top: 15%;
		right:1%;
		transform:scale(0.5);
	}
	
	legend {
			font-size: 0.8rem;
	}
	
	#disc {
		width:200px;
		height:200px;
	}
	
	#center {
		width:50px;
		height:50px;
	
	}
	
	

}