@charset "UTF-8";

@font-face {
  font-family:"onyx";
  src:url(https://rawcdn.githack.com/omgbeees/profiles/459dc0f056009d088bd336d3f3aa37e8268e88a9/optionyx-webfont.woff2);
  font-weight:normal;
  font-style:normal;
}

/* hide everything */
#header_bar,#footer_bar,#profile_friends,#profile_header,#profile_main_photo,.heading,.label,.container {
  display:none;
}

.mfc_compliance_link,.mfc_compliance_link a {
  display:none;
}

/* show only about section */
.container#about_me_container {
  display:block;
}

/* rate & admire */
#profile_friends,#profile_friends .container,#profile_friends .container .label {
  display:none;
}

/* newsfeed */
#profile_mfc_news_feed_content {
  display:none;
}

/* photo galleries */
#profile_photo_galleries,#profile_password_photo_galleries {
  display:none;
}

/* profile comments */
#profile_comments {
  display:none;
}

/* reset */
* {
  box-sizing:border-box;
}

h1,h2,h3,h4,h5,h6 {
  margin:0;
  padding:0;
}

body,.profile_section_content,.container {
  font-family:helvetica,arial,sans-serif;
  margin:0;
  padding:0;
}

/*
img {
  max-width: 100%;
}
*/
#profile_about_me,#profile {
  background:#fff;
/* max-width: 1366px; */
  margin:0 auto;
}

#about_me_value.value {
  display:inline;
}

.profile_section_content {
  position:static;
}

/* custom */
/*
img {
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}*/
.container-main {
  width:100%;
  max-width:1366px;
  margin:0 auto;
  color:#111;
}

.text-center {
  text-align:center;
}

.row {
  display:flex;
  justify-content:space-between;
}

.col {
  display:flex;
  align-items:center;
  flex-direction:column;
  flex-basis:100%;
  flex:1;
  margin-right:10px;
}

.col:last-child {
  margin-right:0;
}

.vert-center {
  align-items:center;
}

.socials {
  width:50%;
  margin:auto;
  justify-content:space-around;
  font:normal 35px/1.5 onyx;
}

.socials a {
  color:#c4a7a9;
  text-decoration:none;
}

.socials a:hover {
  color:#b59194;
}

.nav a {
  margin-right:10px;
}

.nav a:last-child {
  margin-right:0;
}

.nav img {
  max-width:100%;
}

.intro-box {
  max-width:1000px;
  margin:auto;
  background-color:#f6fafd;
  align-items:center;
  justify-content:space-around;
  padding:20px;
  font:normal 48px/1.2 onyx;
  color:#508ca6;
}

.intro-text {
  width:75%;
}

.content img {
  width:100%;
}

.img750 {
  max-width:750px;
}

.img1200 {
  max-width:1200px;
}