:root {
	--grey:#393939;
	--green:#90AA39;
	--grey2:#707070;
	--lightgrey:#F2F2F2;
	--lightgrey2:#D1D1D1;
	--footer:#727272
}

body {font-family:'Poppins', sans-serif;}
img {max-width:100%;height:auto;}
a {color:black;}
a:hover {color:var(--green);}
.navbar {position:absolute;left:0;right:0;top:0;text-align:center;z-index:20;padding:.8rem 1rem;}
.navbar a {text-transform:uppercase;font-size:large;}
.navbar-nav {display:table;width:100%;margin: 0;}
.navbar-nav > li {float:none;display:table-cell;text-align:center;}
.navbar-nav > li > a {color:white;}
.jumbotron {background:none;margin:0;padding-bottom:0;}
.jumbotron h1 {text-transform:uppercase;font-weight:800;}
.jumbotron img {margin-top:-150px;}
.card {border:none;}
.card-body {padding:0;}
.card img {border-radius:30px;}
.btn-primary {font-family:'Poppins', sans-serif;background: var(--green);border-color: var(--green);border-radius: 20px;font-size: medium;padding: 3px 26px;}
.btn-primary:hover {background:var(--grey);border-color:var(--grey);}
section.grey .btn-primary:hover {background:white;color:var(--grey);}
main {position:relative;z-index:10;}
section.grey {background:var(--grey);}
section.grey .card {background:none;color:white;}
section.green {background:var(--green);}
section.green .card {background:none;}
section.green .btn-primary {background:none;border:none;border-radius:0;}
section.lightgrey {background:var(--lightgrey);}
#me {color:white;background:url('../img/bg.jpg') no-repeat top center;padding-bottom:0;box-shadow: 0px 0px 200px 0px black inset;}
#me a {color:white;}
#me a:hover {color:white;}
section h2 {margin-bottom:4vh;text-transform:uppercase;font-size:3rem;margin-bottom:7vh;}
section.grey h2 {color:var(--green);}
section.green h2 {color:white;}
#books .card-title {font-size: large;font-weight:bold;color: black;text-transform:uppercase;}
#books .card-img-top {margin-bottom:25px;}
#books .card-text {color:var(--grey2);font-size:14px;}
#connect {background:url('../img/john.jpg') no-repeat top center;min-height:100vh;background-size:cover;}
#media,
#books,
#social,
#music {padding-bottom:15vh;}
#social h2,
#music h2 {margin-bottom:8vh;}
#social a:hover,
#music a:hover {text-decoration:none;}
#ventures img {background:white;padding:80px;margin-bottom:50px;}
#ventures img[src="img/Simplicity-Properties.png"] {padding:93px 80px;}
#ventures img[src="img/advansr-logo.svg"] {padding:114px 80px;background:black;}
#ventures img[src="img/flx-logo2-sm.png"] {padding:76px 100px;}
#ventures .card-title {font-weight:bold;text-transform:uppercase;font-size:32px;}
#ventures .card-text {font-size:14px;color:var(--lightgrey2);}
#media .card-body {margin-top:8px;}
.simplicityonline .card-title {margin-top:10px;margin-top:50px;}
.simplicityproperties .card-title {margin-top:10px;margin-top:110px;}
.advansr .card-title {margin-top:10px;margin-top:32px;}
.flx .card-title {margin-top:10px;margin-top:60px;}
div.card-img-top {height:175px;background-size:cover;background-repeat:no-repeat;background-position:center center;border-radius:30px;}
#media .btn-primary {color: black;padding-left: 0;padding-right: 0;margin-top: 8px;text-align: left;font-size: 14px;}
.second.row {margin-top:20px;}
.social-link {font-size:x-large;text-transform:uppercase;}
.social-link span {margin-top:1rem;display:block;}
.social-link i {display:block;font-size:80px;}
[src="img/5mp.png"] {max-width:246px;display:block;margin:0 auto;}
#connect .container {position:relative;}
#connect h2 {margin:0 0 15px;padding:0;font-weight:bold;font-size:40px;}
.bubble {position:absolute;font-size: 18px;line-height: 24px;width: 300px;background: #fff;border-radius: 40px;padding: 24px;text-align: center; color: #000;right:100px;top:100px;}
.bubble-bottom-left:before {content: "";width: 0px;height: 0px;position: absolute;border-left: 24px solid #fff;border-right: 12px solid transparent;border-top: 12px solid #fff;border-bottom: 20px solid transparent;left: 32px;bottom: -24px;}
footer {padding:2rem;color:var(--footer);}
footer p {margin:0;padding:0;}

/* Desktop */
@media (min-width: 992px) {
	.jumbotron h1 {margin-top:50px;}
	#me {padding-top:10vh;}
	section {padding:7vh;}
}

@media (max-width: 1100px) {
	.jumbotron img {margin-top: -115px;}
	.jumbotron h1 {margin-top:0;}	
}

@media (max-width: 1200px) {
	#ventures .card-title {margin-top:10px;}
}

/* Mobile */
@media (max-width: 992px) {
	.navbar {display:none;}
	.jumbotron {padding:0;}
	.card {margin-bottom:40px;}
	.card.last {margin:0!important;}
	section {padding:50px 0;}
	section h2 {margin-bottom:25px;}
	#media, #books, #social, #music {padding-bottom:50px;}
	#ventures img {margin:0;}
	#ventures .card-title {margin:0;}
	#me .img-thumbnail {border-radius:300px;max-width:75%;margin:50px auto;}
	.display-4 {font-size:xx-large;}
	#me .lead {margin-bottom:60px;}
	#ventures .card-title {font-size:large;margin-top:0;}
	#ventures .card-body {margin-bottom:40px;}
	#social h2, #music h2 {margin-bottom: 25px;}
	#social .col-md-4,
	#music .col-md-4 {margin-bottom:50px;}
	.social-link span {margin-top:5px;}	
	#media .card-body,
	div.card-img-top {max-width:80%;margin:0 auto;}	
	.bubble-bottom-left::before {display:none;}
	#connect {min-height:50vh;}
	#connect .bubble {position: static;margin: 40vh auto 0;}
	
	#ventures img[src="img/Simplicity-Properties.png"] {padding:91px 80px;}
	#ventures img[src="img/advansr-logo.svg"] {padding:110px 80px;background:black;}
	#ventures img[src="img/flx-logo2-sm.png"] {padding:77px 100px;}	
}

@media (max-width: 770px) {
	#ventures .card-title {margin-top:25px;}
}

@media (max-width: 576px) {
	#ventures img[src="img/Simplicity-Properties.png"] {padding:91px 80px;}
	#ventures img[src="img/advansr-logo.svg"] {padding:110px 80px;background:black;}
	#ventures img[src="img/flx-logo2-sm.png"] {padding:77px 100px;}		
}