@charset "UTF-8";

body {
	background-color: #ffffff;
	font-family: EBGaramond;
	font-family: 15px;
	color: #282828;
}

/*Font styling begins*/
@font-face {
    font-family: BebasNeue;
    src: url(fonts/BebasNeue.otf);
}

@font-face {
    font-family: EBGaramond;
    src: url(fonts/EbGaramond-Regular.ttf);
}

header p a {
	font-family: BebasNeue;
	font-size: 100px;
	text-align: center;
	color: #282828;
	padding-bottom:0px;
}

header p a:hover {
	font-family: BebasNeue;
	font-size: 100px;
	text-align: center;
	color: #282828;
	padding-bottom:0px;
	text-decoration:none;
}

h1 {
	font-family: BebasNeue;
	font-size: 80px;
	text-align: center;
	color: #282828;
	padding-right: 25px;
	padding-left: 25px;
}

h2 {
	font-family: BebasNeue;
	font-size: 60px;
	text-align: left;
	color: #ffffff;
}

h3 {
	font-family: BebasNeue;
	font-size:30px;
	text-align: center;
	color: #282828;
}

h4 {
	font-family: EBGaramond;
	font-size: 30px;
	text-align: center;
}

p {
	font-family: EBGaramond;
	font-family: 15px;
	text-align: center;
	color: #282828;
	padding-right: 50px;
	padding-left: 50px;
}

a {
	font-family: EBGaramond;
	font-family: 15px;
	text-align: center;
	color: #7fd9ca;
}

a:hover {
	font-family: EBGaramond;
	font-family: 15px;
	text-align: center;
	color: #d38159;
}

.away {
	target-name:new;
	target-new:tab;
}
/*Font styling ends*/

/*Carousel styling*/
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  width: 100%;
  height: auto;
}

.carousel-indicators {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  z-index: 15;
  margin: 0;
  padding: 0 0px 0px 0;
  text-align: right;
}

.carousel-control.left,
.carousel-control.right {
  background-image: none;
}

.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
	margin-right: 15px;
	font-size: 20px;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
	margin-left: 15px;
	font-size: 20px;
}

/*Carousel styling ends*/


/*Navigation styling*/
.navbar-default {
	border: 0px;
	background-color: #ffffff;
	display: block;
}

ul.nav.navbar-nav {
	text-align: center;
}

.nav-justified > li > a {
	font-family: EBGaramond;
	color: #000000;
	font-size: 18px;
	background-color: #ffffff;
	margin-left: 20px;
	margin-right: 20px;
	}

.nav-justified > li > a:hover {
	font-family: EBGaramond;
	color: #7fd9ca;
	font-size: 18px;
	background-color: #ffffff;
	
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #7fd9ca;
}


/*End Navigation styling*/

/*Info section styling*/
.info {
	background-color: #7fd9ca;
	padding-top: 75px;
	padding-bottom: 75px;
	text-align: center;
}

/*End Info section styling*/

/*Portfolio styling*/
.port {
	text-align: center;
	padding-top: 75px;
	padding-bottom: 75px;
}
/*End portfolio styling*/


/*Contact section styling*/
.contact {
	background-color: #7fd9ca;
	padding-top: 25px;
	padding-bottom: 25px;
	text-align: center;
	margin-top: 50px;
}
/*End Contact section styling*/

/*Footer styling*/
.footer {
	background-color: #282828;
	padding-top:20px;
	padding-bottom: 20px;
}

.footertext {
	color: #ffffff;
	text-align: left;
	padding-left: 50px;
}

.footertext p {
	color: #ffffff;
	text-align: left;
	padding-left: 0px;
}

.footertext img {
	padding-right: 5px;
}
/*End footer styling*/

/*Button styling*/
button {
	background-color: #282828;
	color: #ffffff;
	font-family: BebasNeue;
	font-size: 25px;
	padding-top: 10px; 
	padding-bottom: 10px;
	padding-left: 40px;
	padding-right:40px;
	border: 0px;
}
/*End button styling*/

/*Info section styling on about page*/
.intro {
 	background-image: url("../images/about.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	padding-top: 75px;
	padding-bottom:700px;
}

.intro h2 {
	padding-left: 50px;
}

.intro p {
	color: #ffffff;
	text-align: left;
	padding-left: 50px;
}
/*End info section styling*/


/*Contact form styling*/
form {
	padding-right: 50px;
	padding-bottom: 50px;
	padding-top: 50px;
	padding-left: 50px;
}

.btn-default {
	background-color: #7fd9ca;
	font-size: 20px;
	border: 0px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 5px;
}

.btn-default:hover {
	background-color: #d38159;
	font-size: 20px;
	border: 0px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 5px;
}

/*End contact form styling*/

/*Resume styling*/
.psizing {
	padding-bottom:50px;
	padding-top:50px;
}
/*End resume styling*/

/*Photo gallery styling*/
.modal-dialog {}
.thumbnail {margin-bottom:6px;}

.carousel-control.left,.carousel-control.right{
  background-image:none;
  margin-top:10%;
  width:5%;
}
/*Photo gallery styling ends*/

/*Passions styling*/
.passions {
	padding-top: 50px;
	padding-bottom:50px;
}

.passions img {
	text-align: center;
}

carousel {
	interval: 9000;
}

hr {
	margin-bottom:40px;
	width: 80%;
	border-top-color: #d1d1d1;
}

/*Passions styling ends*/


/*Styling for project pages*/
.case {
	background-color: #7fd9ca;
	margin-bottom: 50px;
}

.case h1 {
	text-align: left;
	padding-left: 50px;
}

.case p {
	text-align: left;
}

.case a {
	color: #d38159;
}

.case a: hover {
	color: #ffffff;
}

.casegallery {
	margin-top: 125px;
	margin-bottom: 125px;
}
/*End styling for project pages*/