/*===============================================*/
/* 14. MEDIA QUERIES */
/*===============================================*/ 
/* -------------SMALL DESKTOP--------- */
@media screen and (max-width: 1024px) {
.panel-button {float: none; position: absolute; top:20px; right:10px; margin: 0;}
#panel1, #panel1 a {color: #fff;}
}
/* -------------TABLET PORTRAIT--------- */
@media screen and (max-width: 812px) {
}
/* -----------------MOBILE---------------- */
@media screen and (max-width: 680px) {
}
/* -----------------SMALL MOBILE---------------- */
@media screen and (max-width: 470px) { 
}
/* -----------------iphone 6/7/8 plus ---------------- */
@media screen and (max-width: 414px) { 
}
/* -----------------iphone 6/7/8/X ---------------- */
@media screen and (max-width: 375px) { 
}
/* -----------------SMALLER MOBILE---------------- */
@media screen and (max-width: 360px) {  
}
@media screen and (max-width: 320px) {  
}