body {
  font-family: Poppins;
}

.bg-orange {
	background-color: orange;
}

.bg-photo{
	background-color: black;
	/*background-image: url("../images/titantron2.jpg");*/
	background-repeat: no-repeat;
	background-position: center;
}

.typeblue {
	color: blue;
}

a { 
	color: #358a83;
	
}

/*
.navbar-brand {
	color: white;
}
*/
.nav a {
	color: #FFFFFF;
}
.nav a:hover {
	color: #47bdb3;
}

.nav-link a {
	color: #FFFFFF;
}

.nav-link a:hover {
	color: #358a83;
}

.nav-item {
	padding-left: 15px;
	padding-right: 15px;
}


.bg-greens {
	background-color: #358a83;
	color: #358a83;
}

.bg-charles {
	background-color: #358a83;
}

.jumbotron h1 {
	color: #358a83;
	font-family: 'Poppins', sans-serif;
	font-size: 50px;
}



.jumbotron {
	/*background-image:  url("../images/top-banner-1920x600-002.jpg");
	background-size: 100%;
	min-height: 400px;*/
	/*background-attachment: fixed;*/
	margin-bottom: 0px;
	background-repeat: no-repeat;
	background-position: center;
	/*background-color: black;*/

}

.navbar-taggle .icon-bar {
  backround-color: black;
}

.img-responsive:hover {
  opacity: 0.3;
  filter: alpha(opacity=30);
}


@media (min-width: 400px) {
    .jumbotron {
    background-image:  url("../images/top-banner-1920x600-006_0.jpg");
	/*background-size: 100%;*/
	/*min-height: 400px;*/
	/*background-attachment: fixed;*/
	height: 100%;
	margin-bottom: 0px;
	background-repeat: no-repeat;
	background-position: center;
	/*background-color: black;*/
    }
}

@media (min-width: 770px) {
    .jumbotron {
    background-image:  url("../images/top-banner-1920x600-006.jpg");
	/*background-size: 100%;
	min-height: 400px;*/
	/*background-attachment: fixed;*/
	margin-bottom: 0px;
	background-repeat: no-repeat;
	background-position: center;
	/*background-color: black;*/
    }
}








/*


.jumbotron2 {
	background-image:  url("../images/losangelesnight.jpg");
	background-size: cover;
	max-height: 400px;
	background-attachment: fixed;
	margin-bottom: 0px;
	background-repeat: no-repeat;
	background-position: center;
	background-color: white;
}

.jumbotron2 h1 {
	color: orange;
	font-family: 'Roboto', sans-serif;
}

.jumbotron3 {
	background-image:  url("../images/titantron1.jpg");
	background-size: cover;
	max-height: 400px;
	background-attachment: fixed;
	margin-bottom: 0px;
	background-repeat: no-repeat;
	background-position: center;
	background-color: white;
}

.jumbotron3 h1 {
	color: orange;
	font-family: 'Roboto', sans-serif;
}



.jumbotron4 h1 {
	color: orange;
	font-family: 'Roboto', sans-serif;
}

.chartron {
	margin-top: 50%;
	height: auto;
	width: auto;
}

.chartron2 {
	margin-top: 300px;
	height: auto;
	width: auto;
}

.chartron3 {
	margin-top: 200px;
	height: auto;
	width: auto;
}


.aboutme {
	padding-top: 100px;
	padding-bottom: 50px;
}

.aboutmepic {
	padding:100px;
}

.aboutmetext {
	font-family: 'Roboto', sans-serif;
}

.aboutmetext h1{
	font-family: 'Roboto', sans-serif;
}

.skills {
	padding-top: 50px;
	padding-bottom: 50px;
}

.btn-warning {
	background-color: white;
	border-color: orange;
	color: #555;

}

.btn-warning:hover {
	background-color: orange;
	border-color: lime;
}

.gray{
	background-color: gray;
}

.white{
	background-color: white;
}

.bg-gray {
	background-color: gray;
}

.bg-white {
	background-color: white;
}

.padding1 {
	padding-top: 50px;
	margin-bottom: 50px;
}

.padding2 {
	padding-top: 50px;
	margin-bottom: 50px;
}

.padding3 {
	padding-top: 50px;
	height:50px;
	margin-bottom: 50px;
}

.col-sm-3 {
	margin-bottom:25px;
}

.padding-text{


}

.section-padding{
	
}


.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

*/