/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */

body {  }

p.normal {
  font-family:Helvetica, Arial,  sans-serif;
  font-size: 18px;
}
.center {
  margin: auto;
  width: 80%;
  padding: 3px;
}  
.centerimg {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 200px;
}
.centericon {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 20px;
  height: 20px;
}
.sizeplayer {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 250px;
}
table, td, th {
  border: 2px ridge #c0c0c0;
  padding: 2px;
  line-height: 120%;
}

table {
  border-collapse: collapse;
  width: 100%;
}

th {
  text-align: left;
}
.fa {
  padding: 5px;
  font-size: 14px;
  width: 20px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
}
.fa:hover {
    opacity: 0.7;
}
.fa-linkedin {
  background: #007bb5;
  color: white;
}
.fa-soundcloud {
  background: #ff5500;
  color: white;
}
.fa-youtube {
  background: #bb0000;
  color: white;
}
#footer {text-align:center; font-style:normal; font-weight: normal;}
#navigation {line-height:18px; z-index:3;  margin: 0; padding:5px 5px 5px 5px; text-align:left; border-top:2px solid #000; border-bottom:2px solid #b2b2b2; background-color:#0080ff; }
#navigation a {color:#ffffff;text-decoration:none; font-family:Arial, Helvetica, sans-serif; }
#navigation a:hover {text-decoration:underline;}
 /* Smartphones (portrait and landscape) ---------- */
    @media screen and (min-width: 320px) and (max-width: 480px){
	    .center{width: 98%;}
		#navigation {background-color:#0080c0; }
    }
    /* Smartphones (portrait) ---------- */
    @media screen and (max-width: 320px){
		.center{width: 98%;}
		#navigation {background-color:#0080c0; }
    }
    /* Smartphones (landscape) ---------- */
    @media screen and (min-width: 321px){
		.center{width: 98%;}
		#navigation {background-color:#0080c0; }
    }
    /* tablets, iPads (portrait and landscape) ---------- */
    @media screen and (min-width: 768px) and (max-width: 1024px){
		.center{width: 60%;}
		#navigation {background-color:#ff54aa; }
    }
    /* tablets, iPads (portrait) ---------- */
    @media screen and (min-width: 768px){
		.center{width: 60%;}
		#navigation {background-color:#0080c0; }
    }
    /* tablets, iPads (landscape) ---------- */
    @media screen and (min-width: 1024px){
		.center{width: 40%;}
		#navigation {background-color:#d6b3f4; }
    }
    /* Desktops and laptops ---------- */
    @media screen and (min-width: 1224px){
		.center{width: 40%;}
		#navigation {background-color:#ff80c0; }
    }
    /* Large screens ---------- */
    @media screen and (min-width: 1824px){
		.center{width: 40%;}
		#navigation {background-color:#ffc0cb; }
    }