@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);

body {
    padding-top: 70px;
}
/*ontainer {width:auto !important;}*/
.navbar-nav {
	float:right;
}
.navbar-brand, .navbar-brand:after, .navbar-inverse .navbar-nav>li>a  {
	font-size:16px;
    color: #bbb;
   -webkit-transition: color .3s ease-in;
   -moz-transition: color .3s ease-in;
   -o-transition: color .3s ease-in;
   -ms-transition: color .3s ease-in;
   transition: color .3s ease-in;
   margin-bottom:0;
}
.navbar-brand:after {	
	content:'Welcome to GetGreatDesign, my portfolio.';
}
a.navbar-brand:hover , .navbar-header > a:hover, .navbar-inverse .navbar-nav>li>a:hover, a.navbar-brand:hover:after  {
    color: #fff;
}
.navbar-inverse .navbar-nav>li>a.on {
	color:#fff;
}

.ninety {width:90%; }
.eightyfive {width:85%; }
.eighty {width:80%; }
.seventyfive {width:75% }
.seventy {width:70%; }
.sixthree {width:63%; }

.ItemTitle {  }

.hello { font-size:15px; color:#333; margin:0 2em .5em }

.cloud { background:url(../images/Clouds.jpg);}

h4 {
	font-size:13px;
	font-weight:700;
	display:inline;
}
.TopDesc, .BottomDesc {
	font-size:14px; 
	display:inline; /*border-bottom:1px solid #eee; margin:0 0 20px;*/
}
.BottomDesc {padding-top:4px;}

#display {min-height:500px;}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
	margin-bottom:20px;
}
.center {
	display:inherit;
	margin:0 auto;
	text-align:center;
}
.portfolio-item {
    margin: 0 auto;
}
.btwenty {
	margin-bottom:6px;
}
.expl {
	border-top:1px solid #eee;
	padding:16px 0 10px;
	width:80%;
}
.explNoBorder {
	padding:16px 0 10px;
	width:80%;
}
.ttwenty { 
	margin-top:20px !important;
}
footer {
    margin: 3px auto 0;
	padding-top:3px;
	font-size:10px;
	color:#b9b9b9;
	text-align:center;
	border-top:1px solid #ccc;
	width:70%;
}
.five-wide {
	width: 20%;
}
.splitcol {width:50%; padding:0 5% .5em; float:left; display:inline;}
.square {
  width: 50%;
  overflow:hidden;
  margin:0 auto;
}
@media screen and (max-width:768px){
	.navbar-nav, li.dropdown.open > ul > li > a {
		float:none;
		text-align:center;
	}
	.expl { width: 88%; }
}
@media screen and (max-width:780px){
	.ninety {width:95%; }
	.eightyfive {width:92%; }
	.eighty {width:90%; }
	.seventy {width:85%; }
	.five-wide { width: 33%; }
	.fourth { width:50%; }
	.fifth { width:40%; }
}
@media screen and (max-width:480px){
	body {padding-top: 50px; }
	.hello { margin:0 .5em .5em .7em}
	.navbar-brand {
		font-size:17px;
	}
	.navbar-brand:after {	
		content:'Welcome to GetGreatDesign.';
	}
	.ninety {width:100%; }
	.eightyfive {width:96%; }
	.eighty {width:92%; }
	.seventy {width:92%; }
	.expl { width: 92%; }
	footer { width:95%; }
}
@media screen and (max-width:336px){
	.navbar-brand {
		font-size:16px;
		padding-right:0px;
	}
}
@media screen and (max-width:308px){
	.navbar-brand {
		font-size:15px;
	}
	.navbar-toggle {
		margin-right:1px;
	}	
}
/*@media screen and (max-width:332px){
	.navbar-brand {
		font-size:13px;
		padding-left:6px;
	}
	.navbar-toggle {
		margin-right:1px;
	}
}*/