* {
  box-sizing: border-box;
}

body {
	    
            text-align: center;
            font-family: 'Arial', sans-serif;
            margin: 0;
            padding: 0;
            background-color: #222;
            color: #b5b5b5;
 /* margin: 0;*/
}


        header {
            margin: 0 auto;
            font-family: 'Orbitron', sans-serif;
            background-color: #333;
            padding: 20px;
            font-size: 2em;
        }

        section {
            padding: 50px;
            text-align: left;
        }


        footer {
            background-color: #333;
            padding: 20px;
            text-align: center;
            width: 100%;
        }

        .highlight {
            background-color: #b5b5b5;
            padding: 0px;
            border-radius: 3px;
        }

#container {
  max-width: 550px;
  margin: 0 auto;
  text-align: center;
}

.clearfix {
  clear: both;
}

.hidden {
  display: none;
}

#user-info {
  border: 1px solid #CCC;
  clear: both;
  margin: 0 auto 20px;
  max-width: 400px;
  padding: 10px;
  text-align: left;
}

#photo-container {
  background-color: #EEE;
  border: 1px solid #CCC;
  float: left;
  height: 80px;
  margin-right: 10px;
  width: 80px;
}

#photo {
  height: 80px;
  margin: 0;
  width: 80px;
}

@media (max-width: 300px) {
  #photo-container,
  #photo {
    height: 40px;
    width: 40px;
  }
}