@charset "UTF-8";

/* OATHTAKER CODED © 2018 =================================================== */
Model Name: OT18
Type: Custom MFC Profile
Author: Max Oathtaker
Author Link: http://profiles.myfreecams.com/oathtaker
Author Email: m.oathtaker@gmail.com
Version: 18.1
Intellectual Property & Copyright Notice: The design and content of this profile and all associated copyright and other intellectual property rights to the profile and the material on the profile are reserved.You may not copy,modify,republish or in any other way use the design,stylings and/or contents of this profile except as expressly permitted by the model and myself,and you must not download any material or copy and save any material to your computer without prior permission. /*=================================================== */
/* ==========================================================================
FONTS SECTION
========================================================================== */
@font-face {
  font-family:'Rokkitt';
  font-style:normal;
  font-weight:400;
  src:local('Rokkitt Regular'),local(Rokkitt-Regular),url(https://fonts.gstatic.com/s/rokkitt/v12/qFdE35qfgYFjGy5hkEaCdg.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family:'SairaCon';
  font-style:normal;
  font-weight:400;
  src:local('Saira Condensed Regular'),local(SairaCondensed-Regular),url(https://fonts.gstatic.com/s/sairacondensed/v3/EJROQgErUN8XuHNEtX81i9TmEkrvoutF.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family:'Overpass';
  font-style:normal;
  font-weight:200;
  src:local('Overpass ExtraLight'),local(Overpass-ExtraLight),url(https://fonts.gstatic.com/s/overpass/v2/qFdA35WCmI96Ajtm81lqcs7D4howig.woff2) format("woff2");
  unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family:'Overpass';
  font-style:normal;
  font-weight:200;
  src:local('Overpass ExtraLight'),local(Overpass-ExtraLight),url(https://fonts.gstatic.com/s/overpass/v2/qFdA35WCmI96Ajtm81lqcs7N4ho.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family:'Overpass';
  font-style:normal;
  font-weight:300;
  src:local('Overpass Light'),local(Overpass-Light),url(https://fonts.gstatic.com/s/overpass/v2/qFdA35WCmI96Ajtm81kOcc7D4howig.woff2) format("woff2");
  unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family:'Overpass';
  font-style:normal;
  font-weight:300;
  src:local('Overpass Light'),local(Overpass-Light),url(https://fonts.gstatic.com/s/overpass/v2/qFdA35WCmI96Ajtm81kOcc7N4ho.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family:'Overpass';
  font-style:normal;
  font-weight:400;
  src:local('Overpass Regular'),local(Overpass-Regular),url(https://fonts.gstatic.com/s/overpass/v2/qFdH35WCmI96Ajtm81GrU9vyww.woff2) format("woff2");
  unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family:'Overpass';
  font-style:normal;
  font-weight:400;
  src:local('Overpass Regular'),local(Overpass-Regular),url(https://fonts.gstatic.com/s/overpass/v2/qFdH35WCmI96Ajtm81GlU9s.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family:'Lora';
  font-style:italic;
  font-weight:400;
  src:local('Lora Italic'),local(Lora-Italic),url(https://fonts.gstatic.com/s/lora/v12/0QIhMX1D_JOuMw_LIftL.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

.material-icons {
  font-family:'Material Icons';
  font-weight:normal;
  font-style:normal;
  font-size:35px;
  line-height:1;
  letter-spacing:normal;
  text-transform:none;
  display:inline-block;
  white-space:nowrap;
  word-wrap:normal;
  direction:ltr;
  -webkit-font-feature-settings:liga;
  -webkit-font-smoothing:antialiased;
  color:#78C9CA;
  padding:10px 0 10px 5px;
}

#profile_avatar,#avatar_holder,#profile_main_photo,#header_bar,#footer_bar,#blurb_label,#about_me_label,#status_label,#member_type_value,#member_message_value,#unix_last_updated_container,#show_message_dialog,#tags_label,#tags_value,#body_type_label,#body_type_value,#profile_friends,#footer_bar,#header_bar,.profile_row,.heading {
  display:none;
}

#username_container,#cam_score_container,#gender_container,#age_container,#country_container,#city_container,#ethnicity_container,#sexual_preference_container,#marital_status_container,#occupation_container,#school_container,#body_type_container,#weight_container,#height_container,#hair_container,#eyes_container,#smoke_container,#drink_container,#drugs_container,#favorite_food_container,#pets_container,#automobile_container {
  display:none;
}

*,::before,::after {
  background:transparent;
  border:0;
  color:inherit;
  margin:0;
  padding:0;
  box-sizing:inherit;
  -webkit-transition:all .3s ease;
  transition:all .3s ease;
}

html {
  box-sizing:border-box;
  font-family:sans-serif;
  line-height:1.15;
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
  -webkit-box-sizing:border-box;
  -ms-overflow-style:scrollbar;
  -webkit-tap-highlight-color:transparent;
  overflow-x:hidden;
  width:100%;
  height:100%;
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
  margin-bottom:.5rem;
  font-family:inherit;
  font-weight:400;
  line-height:1.1;
  color:inherit;
}

h1,.h1 {
  font-size:2.5rem;
  color:#000;
}

h2,.h2 {
  font-size:2rem;
}

h3,.h3 {
  font-size:1.75rem;
}

body {
  font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;
  font-size:1rem;
  font-weight:normal;
  line-height:1.5;
  color:#333;
  background-color:#FFF;
  width:100%;
  height:100%;
  overflow-x:hidden;
  padding:0!important;
  margin:0!important;
}

a {
  -webkit-text-decoration-skip:objects;
  -ms-touch-action:manipulation;
  touch-action:manipulation;
  text-decoration:none;
}

img {
  border-style:none;
  vertical-align:middle;
}

ol,ul {
  list-style:none;
}

#about_me_container,#about_me_value {
  margin:0;
  padding:0;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  width:100%;
}

.hidden {
  display:none!important;
}

.invisible {
  visibility:hidden;
}

hr.separator {
  width:20%;
  margin:3vh auto;
  border:0;
  border-bottom:1px solid #ff4000;
}

.box-header {
  font-weight:300;
  font-size:48px;
  margin-top:1rem!important;
  margin-bottom:2rem!important;
  text-align:center;
  font-family:'Lora',serif;
}

.profile_section_content,.profile_section,.profile_subsection {
  background:transparent;
  border:0;
  max-height:999999px;
  margin:0;
  padding:0;
}

h4,.h4 {
  font-size:1.5rem;
}

h5,.h5 {
  font-size:1.25rem;
}

h6,.h6 {
  font-size:1rem;
}

.display-1 {
  font-size:6rem;
  font-weight:300;
  line-height:1.1;
}

.display-2 {
  font-size:5.5rem;
  font-weight:300;
  line-height:1.1;
}

.display-3 {
  font-size:4.5rem;
  font-weight:300;
  line-height:1.1;
}

.display-4 {
  font-size:3.5rem;
  font-weight:300;
  line-height:1.1;
}

#Main {
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  margin:0;
  padding:0;
}

#Main > div:not(:last-child)::after {
  content:'';
  width:100%;
  height:100%;
  position:absolute;
  background:inherit;
  z-index:-1;
  bottom:0;
  left:0;
  right:0;
  top:0;
}

p {
  margin-top:0;
  margin-bottom:1rem;
}

small,.small {
  font-size:80%;
  font-weight:normal;
}

b,strong {
  color:inherit;
  font-weight:bold;
}

.box {
  position:relative;
  margin-left:auto;
  margin-right:auto;
  padding-right:15px;
  padding-left:15px;
}

.box-fluid {
  position:relative;
  margin-left:auto;
  margin-right:auto;
  padding-right:15px;
  padding-left:15px;
  width:100%!important;
}

.flex-box {
  position:relative;
  margin-left:auto;
  margin-right:auto;
  padding:3rem;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -ms-flex-line-pack:center;
  align-content:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
}

.flex-box-fluid {
  position:relative;
  margin-left:auto;
  margin-right:auto;
  padding:3rem;
  width:100%!important;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -ms-flex-line-pack:center;
  align-content:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
}

@media (min-width: 576px) {
  .box {
    padding-right:15px;
    padding-left:15px;
    width:540px;
    max-width:100%;
  }
  
  .box-fluid {
    padding-right:15px;
    padding-left:15px;
  }
  
  .flex-box {
    padding:3rem;
    width:540px;
    max-width:100%;
  }
  
  .flex-box-fluid {
    padding:3rem;
  }
}

@media (min-width: 768px) {
  .box {
    padding-right:15px;
    padding-left:15px;
    width:720px;
    max-width:100%;
  }
  
  .box-fluid {
    padding-right:15px;
    padding-left:15px;
  }
  
  .flex-box {
    padding:3rem;
    width:720px;
    max-width:100%;
  }
  
  .flex-box-fluid {
    padding:3rem;
  }
}

#Main > div:nth-child(1) {
  z-index:6;
}

#Main > div:nth-child(2) {
  z-index:5;
}

#Main > div:nth-child(3) {
  z-index:4;
}

#main > div:nth-child(4) {
  z-index:3;
}

@media (min-width: 992px) {
  .box {
    padding-right:15px;
    padding-left:15px;
    width:960px;
    max-width:100%;
  }
  
  .box-fluid {
    padding-right:15px;
    padding-left:15px;
  }
  
  .flex-box {
    padding:3rem;
    width:960px;
    max-width:100%;
  }
  
  .flex-box-fluid {
    padding:3rem;
  }
}

@media (min-width: 1200px) {
  .box {
    padding-right:15px;
    padding-left:15px;
    width:1140px;
    max-width:100%;
  }
  
  .box-fluid {
    padding-right:15px;
    padding-left:15px;
  }
  
  .flex-box {
    padding:3rem;
    width:1140px;
    max-width:100%;
  }
  
  .flex-box-fluid {
    padding:3rem;
  }
}

#Landing {
  height:100vh;
  min-height:200px;
  width:100%;
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -ms-flex-line-pack:center;
  align-content:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  padding:3rem;
  background:#000;
}

.OTL-Img {
  display:block;
  width:155px;
  margin:20px auto;
}

#Main > div:nth-child(5) {
  z-index:2;
}

#Main > div:nth-child(6) {
  z-index:1;
}

#Landing::after {
  background-image:url(https://drive.google.com/uc?id=1Uk_3ZcIpju3e1FSfFH-le6QWYZ4s9PiK)!important;
}

#Landing .Menu {
  position:fixed;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-flow:row wrap;
  flex-flow:row wrap;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  align-items:center;
  align-content:center;
  border:solid 1px rgba(216,216,216,0.45);
  background:#000;
  margin:0 0 5px;
  top:0;
}

#Landing .Menu a {
  margin-left:auto;
  margin-right:auto;
  font-weight:300;
  font-size:18px;
  letter-spacing:6px;
  text-align:center;
  text-transform:uppercase;
  text-wrap:avoid;
  outline:none!important;
  cursor:pointer;
  position:relative;
  display:inline-block;
  width:150px;
  height:42px;
  line-height:42px;
  padding:0;
  border:none;
  font-family:'FiraSans',sans-serif;
  font-size:14px;
  font-weight:200;
  color:#fff;
}

#Landing .Menu a :hover {
  color:#FAAC58;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi) {
  #Landing::after {
    background-image:url(https://drive.google.com/uc?id=1Uk_3ZcIpju3e1FSfFH-le6QWYZ4s9PiK)!important;
  }
}

@media (max-width: 800px) {
  #Landing::after {
    background-size:cover!important;
  }
}

#Landing .Menu a span {
  position:relative;
  display:block;
  width:100%;
  height:100%;
  vertical-align:middle;
}

#Landing .center {
  margin:300px 0 0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -ms-flex-line-pack:center;
  align-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
}

#About {
  height:100vh;
  background:url(https://drive.google.com/uc?id=1Fk2juEgTyEW7vS-2BlmsXtoai0YrFF3Q) top center no-repeat;
  background-size:cover;
  -moz-background-size:cover;
  -webkit-background-size:cover;
}

#About h1 {
  font-family:Rokkitt,serif;
  color:#FAAC58;
}

#Landing .center h1 {
  font-family:'FiraMono',sans-serif;
  font-weight:400;
  font-size:80px;
  letter-spacing:22px;
  color:#fff;
  border-bottom:solid 1px #BDBDBD;
  text-transform:uppercase;
  text-align:center;
  text-indent:18px;
  padding:0 0 5px;
}

#HdBlurb {
  padding:5px 0 0;
  font-family:'FiraSans',sans-serif;
  font-size:15px;
  font-weight:200;
  color:#fff;
  letter-spacing:11px;
  text-transform:uppercase;
  text-align:center;
  text-indent:12px;
}

#Solutions {
  background:#F2F2F2;
  height:100vh;
}

#Solutions h1 {
  font-family:'Rokkitt',serif;
  color:#1C1C1C;
}

#Solutions h3 {
  font-family:'Rokkitt',serif;
  color:#1C1C1C;
  font-size:18px;
  font-weight:500;
  letter-spacing:1px;
  line-height:5px;
}

#Landing .center .fa,#Landing .center span {
  font-size:14px;
  font-weight:300;
}

#Landing .center span {
  margin-right:1.5rem;
  margin-left:1.5rem;
}

#Landing .fa-chevron-down {
  padding-bottom:2rem;
}

#About p {
  font-family:'Overpass',sans-serif;
  font-size:17px;
  font-weight:200;
  color:#fff;
  max-width:600px;
  width:85%;
  text-align:justify;
  margin:10px 0;
}

#Solutions p {
  font-size:14px;
  color:#1c1c1c;
  text-align:left;
  margin:5px 0;
}

.Solutions-Icon {
  display:block;
  width:40px;
  margin:0 0 10px;
}

#Portfolio {
  background:#F2F2F2;
}

#Portfolio h1 {
  font-family:Rokkitt,serif;
  color:#1c1c1c;
  line-height:.8rem;
}

#Portfolio p {
  font-family:'FiraSans',sans-serif;
  font-size:18px;
  color:#1c1c1c;
}

#Solutions .Descs {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  text-align:left;
}

#Solutions .Desc {
  background-color:#fff;
  min-width:16rem;
  width:16rem;
  height:33rem;
  -webkit-box-flex:0;
  -ms-flex:0 auto;
  flex:0 auto;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-align:center;
  border-radius:.25rem;
  margin:.5rem!important;
  padding:.5rem!important;
}

#Solutions h3,#Solutions h5 {
  text-align:left;
  text-transform:uppercase;
}

#Portfolio .Sample-List {
  -webkit-box-orient:horizontal!important;
  -webkit-box-direction:normal!important;
  -ms-flex-flow:row wrap!important;
  flex-flow:row wrap!important;
  padding:0;
}

#Comments .Descs-List {
  -webkit-box-orient:horizontal!important;
  -webkit-box-direction:normal!important;
  -ms-flex-flow:row wrap!important;
  flex-flow:row wrap!important;
  padding:0;
}

#Portfolio .Sample-Card {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  width:250px;
  text-align:center;
  border-radius:4px;
  background:#fff;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
}

#Portfolio .Sample-Card:hover {
  box-shadow:0 18px 35px rgba(50,50,90,0.1),0 8px 15px rgba(0,0,0,0.07);
  -webkit-transform:translateY(-1px);
  transform:translateY(-1px);
}

#Portfolio img {
  -webkit-box-flex:1;
  -ms-flex:auto;
  flex:auto;
  border-radius:3px;
  margin:1vh 0;
  max-height:100%;
  max-width:100%;
  border:solid 1px #A4A4A4;
}

.box-cheader {
  font-weight:300;
  font-size:42px;
  margin-top:.5rem!important;
  margin-bottom:.1rem!important;
  text-align:center;
  font-family:'Lora',serif;
}

#Comments {
  background:#F2F2F2;
  //height:100vh;
}

#Comments h1 {
  font-family:'Rokkitt',serif;
  color:#1C1C1C;
}

#Comments h3 {
  margin:15px 0 0;
  font-family:'Rokkitt',serif;
  color:#1C1C1C;
  font-size:16px;
  font-weight:500;
  letter-spacing:1px;
  line-height:5px;
}

#Portfolio .Sample-Box {
  position:relative;
  overflow:hidden;
  perspective:1000px;
  -webkit-perspective:1000px;
}

#Portfolio .Sample-Content {
  position:absolute;
  top:0;
  left:0;
  z-index:1;
  opacity:0;
  width:100%;
  text-align:center;
  -webkit-transition:all .5s ease;
  transition:all .5s ease;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  -webkit-transform-style:preserve-3d;
  transform-style:preserve-3d;
}

#Portfolio .Sample-Content .Sample {
  display:none;
}

#Portfolio .Sample-Card:hover .Sample-Content .Sample {
  display:block;
}

#Portfolio .Front {
  width:100%;
  text-align:center;
  -webkit-transition:all .5s ease;
  transition:all .5s ease;
}

#Portfolio .Details {
  margin:0!important;
  padding:0!important;
  -webkit-box-flex:1;
  -ms-flex:1 1 auto;
  flex:1 1 auto;
}

#Portfolio h2 {
  color:#8000FF;
  letter-spacing:1px;
  font-family:'FiraSans',sans-serif;
  font-weight:400;
  font-size:18px;
}

#Portfolio h3 {
  font-size:.4rem;
  color:var(--style-light-secondary);
  letter-spacing:2px;
  text-transform:uppercase;
  font-weight:700;
  margin-top:2vh;
}

#Comments p {
  font-family:'Lora',serif;
  font-size:15px;
  line-height:18px;
  color:#1c1c1c;
  text-align:left;
  margin:5px 0;
}

#Comments .Descs {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  text-align:left;
}

#Contact {
  height:100vh;
  background:#000;
}

.Contact-Icon {
  display:block;
  width:60px;
  margin:0 auto;
}

#Contact h1 {
  font-family:Rokkitt,serif;
  color:#FAAC58;
}

#Comments .Desc {
  background-color:#fff;
  min-width:16rem;
  width:16rem;
  height:11.8rem;
  -webkit-box-flex:0;
  -ms-flex:0 auto;
  flex:0 auto;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-align:center;
  border-radius:.25rem;
  margin:.5rem!important;
  padding:.5rem!important;
  border:solid 1px rgba(0,0,0,0.15);
}

#Comments h3,#Comments h5 {
  text-align:left;
  text-transform:uppercase;
}

.Model-Avatar {
  display:inline-block;
  float:left;
  width:55px;
  height:55px;
  margin:0 0 0 5px;
  border-radius:100%;
  border:solid 1px rgba(0,0,0,0.15);
}

.Comment-Source {
  display:inline-block;
  float:right;
  width:25px;
  margin:0 0 0 5px;
  vertical-align:top;
}

#Contact p {
  font-family:'Overpass',sans-serif;
  font-size:17px;
  font-weight:200;
  color:#fff;
  max-width:600px;
  width:85%;
  text-align:center;
  margin:10px 0;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
  #About p {
    font-family:'Overpass',sans-serif;
    font-size:37px;
  }
  
  #Landing .Menu a {
    display:none;
  }
  
  #Landing .center {
    margin:600px 0 0;
  }
  
  #Solutions h3 {
    font-family:'Rokkitt',serif;
    color:#1C1C1C;
    font-size:34px;
    font-weight:500;
    letter-spacing:1px;
    line-height:5px;
  }
  
  #Solutions p {
    font-size:34px;
    color:#1c1c1c;
    text-align:left;
    margin:5px 0;
  }
  
  #Solutions .Desc {
    background-color:#fff;
    width:100%;
    height:auto;
    -webkit-box-flex:0;
    -ms-flex:0 auto;
    flex:0 auto;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    border-radius:.25rem;
    margin:.5rem!important;
    padding:.5rem!important;
  }
  
  .flex-box-fluid {
    position:relative;
    margin-left:auto;
    margin-right:auto;
    padding:3rem;
    width:100%!important;
    height:100%!important;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-line-pack:center;
    align-content:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
  }
  
  #Portfolio p {
    font-family:'FiraSans',sans-serif;
    font-size:32px;
    color:#1c1c1c;
    text-align:center;
  }
  
  #Comments .Desc {
    background-color:#fff;
    width:100%;
    height:auto;
    -webkit-box-flex:0;
    -ms-flex:0 auto;
    flex:0 auto;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    border-radius:.25rem;
    margin:.5rem!important;
    padding:.5rem!important;
  }
  
  #Comments h3 {
    font-family:'Rokkitt',serif;
    color:#1C1C1C;
    font-size:32px;
  }
  
  #Comments p {
    font-family:'Lora',serif;
    font-size:30px;
    line-height:34px;
  }
  
  #Contact p {
    font-family:'Overpass',sans-serif;
    font-size:37px;
  }
}

@font-face {
  font-family:'Material Icons';
  font-style:normal;
  font-weight:400;
  src:url(https://fonts.gstatic.com/s/materialicons/v36/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format("woff2");
}

@font-face {
  font-family:'FiraSans';
  font-style:normal;
  font-weight:400;
  src:local('Fira Sans Regular'),local(FiraSans-Regular),url(https://fonts.gstatic.com/s/firasans/v8/va9E4kDNxMZdWfMOD5Vvl4jL.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family:'FiraMono';
  font-style:normal;
  font-weight:400;
  src:local('Fira Mono Regular'),local(FiraMono-Regular),url(https://fonts.gstatic.com/s/firamono/v6/N0bX2SlFPv1weGeLZDtgJv7S.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@media only screen and (min-device-width: 740px) and (max-device-width: 740px) and (orientation: landscape) {
  #Landing {
    height:100vh;
    width:100%;
    background:#000;
  }
  
  #Landing .center {
    margin:30px 0 0;
  }
  
  .flex-box-fluid {
    position:relative;
    margin-left:auto;
    margin-right:auto;
    padding:3rem;
    width:100%!important;
    height:100%!important;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-line-pack:center;
    align-content:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
  }
  
  #About {
    background:#000;
  }
  
  #About p {
    font-family:'Overpass',sans-serif;
    font-size:25px;
  }
  
  #Solutions h3 {
    font-family:'Rokkitt',serif;
    color:#1C1C1C;
    font-size:34px;
    font-weight:500;
    letter-spacing:1px;
    line-height:5px;
  }
  
  #Solutions p {
    font-size:25px;
    color:#1c1c1c;
    text-align:left;
    margin:5px 0;
  }
  
  #Solutions .Desc {
    background-color:#fff;
    width:100%;
    height:auto;
    -webkit-box-flex:0;
    -ms-flex:0 auto;
    flex:0 auto;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    border-radius:.25rem;
    margin:.5rem!important;
    padding:.5rem!important;
  }
  
  #Comments .Desc {
    background-color:#fff;
    width:100%;
    height:auto;
    -webkit-box-flex:0;
    -ms-flex:0 auto;
    flex:0 auto;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    border-radius:.25rem;
    margin:.5rem!important;
    padding:.5rem!important;
  }
  
  #Comments h3 {
    font-family:'Rokkitt',serif;
    color:#1C1C1C;
    font-size:28px;
  }
  
  #Comments p {
    font-family:'Lora',serif;
    font-size:25px;
    line-height:27px;
  }
  
  #Contact p {
    font-family:'Overpass',sans-serif;
    font-size:25px;
  }
}

  
}