@import url('https://fonts.googleapis.com/css?family=Fira+Sans:400,700,800|Bungee');

body {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2161a5+0,6cbac9+100 */
background: #2161a5; /* Old browsers */
background: -moz-linear-gradient(top,  #2161a5 0%, #6cbac9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #2161a5 0%,#6cbac9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #2161a5 0%,#6cbac9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2161a5', endColorstr='#6cbac9',GradientType=0 ); /* IE6-9 */
}

h1 {
  font-family: Bungee;
  color: white;
  text-align: center;
  font-size: 3em;
  background-color:transparent;
    width:100%;

  padding: 10px;
  
}

.hd600 {
  width:500px;
  height:500px;
  background-image: url(https://images-na.ssl-images-amazon.com/images/I/41%2B4QN35BSL.jpg);
  float:right;
  position:static;
  clear: right;
  border-radius: 50%;
  

}

.tesla {
  width:500px;
  height:500px;
  background-image: url(tesla.jpg);
  float:left;
  position:static;
  clear: left;
  border-radius: 50%;
  

}

.ath {
  width:500px;
  height:500px;
  background-image: url(ath.jpg);
  float:left;
  position:static;
  clear: left;
  border-radius: 50%;
  

}

.shure {
  width:500px;
  height:500px;
  background-image: url(shure.jpg);
  float:right;
  position:static;
  clear: left;
  border-radius: 50%;
  

}


.iem {
  width:500px;
  height:500px;
  background-image: url(iem.jpg);
  float:right;
  position:static;
  clear: left;
  border-radius: 50%;
  

}
.kz {
  width:500px;
  height:500px;
  background-image: url(kz.jpg);
  float:right;
  position:static;
  clear: left;
  border-radius: 50%;
  

}

.hd800 {
  width:500px;
  height:500px;
  background-image: url(hd800.jpg);
  float:right;
  position:static;
  clear: left;
  border-radius: 50%;


}

.hd202 {
  width:500px;
  height:500px;
  background-image: url(hd202.jpg);
  float:left;
  position:static;
  clear: left;
  border-radius: 50%;
  

}

.Superlux {
  width:500px;
  height:500px;
  background-image: url(HD688b.jpg);
  float:right;
  position:static;
  clear: right;
  border-radius: 50%;
  display: block;
    margin-left: auto;
    margin-right: auto
}

.ear {
  width:500px;
  height:500px;
  background-image: url(ear.jpg);
  float:left;
  position:static;
  clear: left;
  border-radius: 50%;
  display: block;
    margin-left: auto;
    margin-right: auto
}
.fiio {
  width:500px;
  height:500px;
  float:right;
  position:static;
  clear: left;
  border-radius: 50%;
  background-image: url(fiio.jpg);

  

}

p {
  font-family: Fira Sans;
  font-weight:800;
  color: white;
  text-align: center;
  font-size: 2em;
  background-color:transparent;
  max-width:100%;
  padding: 10px;
  float:right;


}

blockquote {
  font-family: Fira Sans;
  font-weight:800;
  color: white;
  text-align: center;
  font-size: 2em;
  background-color:transparent;
  max-width:100%;
  padding: 10px;
  float:right;


}

.price {
  float:right;
  font-weight:400;
  clear:right;
}

.ideal {
  clear: right;
}

.left {
  clear:left;
  float: left;
  text-align: left;
}

a:link {

   text-decoration: none;
   text-align: center;
	font-family: Bungee;
	font-size: 100%;
  color:white;
  background-color;
  width:100%;
  list-style-type: none;
  line-height:1.5em;

}

a:visited {
    background-color: transparent;
    color: white;
list-style-type: none;
  width:100%;

}

a:hover {
    background-color: white;
    color: black;
      width:100%;

}

a:active {
    background-color: #70BAC7;
} 

nav li{
    display:inline;
      width:100%;

}
nav a{
    display:inline-block;
    padding:10px;
}

#intro {
  text-align: center;
}

article {
  margin-left: 15%;
  margin-right: 15%;
}

.test {
  font-size: 30px;
  font-family: Bungee;
  color: white;
  text-decoration: none;
  text-align: right;
    list-style-type: none;
    line-height: 1em;   
    clear: right;

}

.testleft {
  font-size: 30px;
  font-family: Bungee;
  color: white;
  text-decoration: none;
  text-align: left;
    list-style-type: none;
    line-height: 1em;   

}

#test {
font-family: Bungee;
  color: white;
  text-decoration: none;
  text-align: right;
  font-size: 50px;
    list-style-type: none;
    line-height: 1em;

}

#testleft {
font-family: Bungee;
  color: white;
  text-decoration: none;
  text-align: left;
  font-size: 50px;
    list-style-type: none;
    line-height: 1em;

}

#footer p {
  text-align: center;
  font-family: Bungee;
  font-size: 1em;
  background-color: black;
  color: white;

}