body { 
	background-color: #f8f8f8;
	-webkit-font-smoothing: antialiased;
	font-smoothing: always;
	text-rendering: optimizeLegibility;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: 100;
	margin: 0px;
	padding: 0px;

}

.whole { overflow-x: hidden; }
.row { margin-left: 0px!Important; margin-right: 0px!important; }
.container-fluid { padding-left: 0px!important; padding-right: 0px!important; }
.navbar { padding: 0 10px 0 10px; }

h2, h3 { text-align: left!important; margin-bottom: 20px; }

.btn {
  -webkit-border-radius: 26;
  -moz-border-radius: 26;
  border-radius: 26px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  background: #3498db;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #3cb0fd;
  text-decoration: none;
}


.top_banner { 
  background: url(img/tom_gebbett_uzalu_hero.jpg) center center;
  background-color: #000000;
  height: 500px;
  background-repeat: no-repeat;
  position: relative;

}

.one {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color:rgba(0,0,0,0.55); 
}

.value_prop {
  text-align: center;
  width: 80%;
  color: #e8e8e8;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

hr {
  height: 1px;
  border: none;
  background-color: rgba(180,180,180,0.90);
  width: 15%;
}

.the_content {
  text-align: justify;
  padding: 80px 0;
}

.the_content p {
  color: #777777;
  font-size: 15px;
}

.two { background-color: #ffffff; border-bottom: 1px solid #cccccc; }
.three { background-color: #e8e8e8; }
.logo { height: 36px; margin: 15px 0; float: left; display: inline-block!important; }
.nav_me { border-bottom: 1px solid #cccccc; margin-bottom: 0px!important; }

.navbar-right > li { margin-top: 8px; }
.navbar-toggle { margin-right: 0px!important; text-align: center; border-radius: 0px; border-width: 3px; }
.icon-bar { text-aling: center; width: 24px!important; }
p.mobile_menu { text-transform: uppercase; font-size: 8px; margin: 4px 0 0 0; }
/*.two p, .three p { font-family: serif; font-size: 15px; }*/
.foot { padding: 18px 0; background-color: #444444; text-align: center; color: #e8e8e8;}
.socials { color: #444444; }
.porfolio_items { text-align: center; }
.porfolio_items img { width: 100%; margin-top: 40px; }
.ports { width: 100%; }
.me { width: 100%; border-radius: 50%; text-align: center; max-width: 300px; }
.profile_pic { text-align: center; padding: 30px; }
.navbar-brand
{
    position: absolute;
    width: 100%;
    left: 0;
    text-align: center;
}
.navbar-toggle {
    z-index:3000;
}
#hero { z-index: -10; }
.navbar-default { background-color: #ffffff!important; }

.vadim { max-width: 300px; width: 45%; margin: 0 0 40px 40px; float: right; border-radius: 50%;  }
.r_head { text-align: center!important; margin-bottom: 40px; }
.accuse { line-height: 1.5; font-size: 20px; }
.quote { width: 45%; max-width: 300px; margin: 25px 25px 25px -35px; float: left; }
.quote p { font-family: serif; font-size: 14px; font-style: italic; color: #808080; }
.quoter { font-style: normal; text-align: left!important; }
blockquote { text-align: left!important; }

.the_last h3 { text-align: center!important; margin-bottom: 40px; }
.gf_title h3 { text-align: center!important; }

@media only screen and (min-width: 992px) {
    h1 {
        font-size: 32px!important;
    }
}

@media only screen and (max-width: 991px) {
    h1 {
        font-size: 28px!important;
    }

    h1, h2, h3 { text-align: center!important; }
}

.value_prop p { font-size: 18px; }

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 

.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }