@charset "UTF-8";

/*Hide MFC Content */
#header_bar,#profile_header_container,.profile_row,#profile_main_photo,#username_container,#cam_score_container,#gender_container,#age_container,#country_container,#sexual_preference_container,#about_me_label,.heading,#tags_container,#profile_friends,#footer_bar {
  display:none;
}

#profile {
  width:60%;
  margin:auto;
}

* {
  margin:0;
  padding:0;
}

body {
  background-image:url(https://img.mfcimg.com/photos2/217/21705663/934-111-333-286-9520864.jpg);
  background-repeat:repeat;
  margin:0 auto;
  width:100%;
  font-family:'Raleway',sans-serif;
  font-size:20px;
  font-weight:bold;
  color:#555;
  text-align:center;
  text-decoration:none;
  padding:10px;
}

hr {
  border:0;
  border-top:2px solid #555;
  width:80%;
  margin:40px auto;
}

h1 {
  display:block;
  margin:40px auto;
  padding:40px 0 0;
  font-family:'Abril Fatface';
  font-size:40px;
  font-style:normal;
  font-variant:normal;
  font-weight:bold;
  line-height:40px;
  color:#F99;
}

p {
  margin:0 auto;
  width:80%;
  font-family:'Raleway',sans-serif;
  font-size:20px;
  color:#555;
  text-align:center;
  text-decoration:none;
}

nav {
  position:fixed;
  z-index:100;
  -webkit-box-shadow:0 0 36px 2px rgba(0,0,0,0.85);
  -moz-box-shadow:0 0 36px 2px rgba(0,0,0,0.85);
  box-shadow:0 0 36px 2px rgba(0,0,0,0.85);
}

nav ul {
  margin:0 auto;
  padding:0 auto;
  list-style-type:none;
  overflow:hidden;
}

.container {
  text-align:center;
  width:60%;
}

.navbar {
  width:100%;
  margin:0 auto;
  padding:0 auto;
  display:block;
  list-style:none;
  text-align:center;
  font-family:sans-serif;
  background-color:#FFF;
}

.navbar-brand {
  display:block;
  padding:5px 0,5px,0;
  font-family:'Abril Fatface';
  font-size:40px;
  font-style:normal;
  font-variant:normal;
  font-weight:bold;
  color:#F99;
}

.navbar-nav li {
  display:block;
  float:left;
  width:100%;
}

.navbar-nav li a {
  display:block;
  text-align:center;
}

.navbar-nav a {
  font-family:'Raleway',sans-serif;
  font-size:16px;
  color:#555;
  text-align:center;
  padding:7px 20px 5px;
  text-decoration:none;
  text-transform:uppercase;
}

ul .navbar-nav {
  margin:0 auto;
  padding:15px auto;
  width:100%;
  float:left;
}

.navbar .navbar-nav>li>a {
  color:#555;
}

.navbar .navbar-nav>li>a:focus,.navbar .navbar-nav>li>a:hover,a:hover {
  color:#F99;
  background-color:transparent;
}

.profile {
  background-color:#FFF;
  text-align:center;
  margin-top:20px;
  -webkit-box-shadow:0 0 36px 2px rgba(0,0,0,0.85);
  -moz-box-shadow:0 0 36px 2px rgba(0,0,0,0.85);
  box-shadow:0 0 36px 2px rgba(0,0,0,0.85);
}

img {
  width:100%;
}

.social-media-links {
  width:100%;
  padding:10px;
}

.gift-cards {
  margin:40px auto 80px;
  color:#F99;
  padding:20px;
}

i {
  color:#555;
  word-wrap:break-word;
}

.table>thead>tr>th {
  text-align:center;
}

.list-group-item {
  border:none;
}

.tokens {
  color:#F99;
}

div.polaroid {
  width:284px;
  padding:10px 10px 20px;
  border:1px solid #BFBFBF;
  background-color:white;
  box-shadow:10px 10px 5px #aaaaaa;
}

div.rotate_right {
  float:left;
  -ms-transform:rotate(7deg);
/* IE 9 */
  -webkit-transform:rotate(7deg);
/* Safari */
  transform:rotate(7deg);
}

div.rotate_left {
  float:left;
  -ms-transform:rotate(-8deg);
/* IE 9 */
  -webkit-transform:rotate(-8deg);
/* Safari */
  transform:rotate(-8deg);
}

/********************Media Queries****************/
/* Extra small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap

*/
@media only screen and (max-width: 600px) {
  .container {
    width:90%;
  }
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
  .nav li {
    display:block;
    float:left;
    width:100%;
  }
  
  .social-media-links {
    padding:0;
    margin:0 auto;
  }
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
  .nav li {
    display:block;
    float:left;
    width:100%;
  }
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
  .nav li {
    display:block;
    float:left;
    width:20%;
  }
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
  .nav li {
    display:block;
    float:left;
    width:20%;
  }
}