/* Main CSS */


#iframe iframe {

	background-image:url('http://i.imgur.com/iZcUNxH.gif');
	background-size:contain;
	background-repeat:round;
}

.close {

	padding-left: 5px !important;
}

*:focus {
	outline: none !important;
}

input:focus, textarea:focus {
	background: #76C65F;
	color:#323231 !important;
	font-weight: bolder;

}


*::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #323231 !important;
}
*:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #323231 !important;
    opacity:  1;
}
*::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #323231 !important;
    opacity:  1;
}
*:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    #323231 !important;
}


@-webkit-keyframes change_background_color {
  to {
    background-color: rgb(51, 51, 51);
        color: #fff;

  }
}

@-moz-keyframes change_background_color {
  to {
    background-color: rgb(51, 51, 51);
        color: #fff;

    text-shadow: black 0.3rem 0.3rem 0.3rem;
  }
}

@-ms-keyframes change_background_color {
  to {
    background-color: rgb(51, 51, 51);
        color: #fff;
    text-shadow: black 0.3rem 0.3rem 0.3rem;

  }
}

@keyframes change_background_color {
  to {
    background-color: rgb(51, 51, 51);
        color: #fff;
    text-shadow: black 0.3rem 0.3rem 0.3rem;

  }
}

.pulsate {
  -webkit-animation-name: change_background_color;
  -moz-animation-name: change_background_color;
  -ms-animation-name: change_background_color;
  animation-name: change_background_color;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  -ms-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  -ms-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}


.cta {
	font-size:4rem;
	width:48%;
    background-color: #76C65F;
    color: #333;
    transition: all 1s ease 0s;
	
	
}

.cta:hover, .cta:focus {
	background-color:#282721;
	text-shadow: black 0.3rem 0.3rem 0.3rem;
	transition: all 1s ease 0s
}


.icondark{

color:#333 !important;

}

.cta:hover> .icondark{
	color:#fff !important;
}


div.modal-dialog p {
	font-size: 1.5rem;
    line-height: 2rem;

}

.bigcenter {

	padding: 5rem 0;
}

.pointers li {

	line-height: 2em;
	font-size: 3.8rem;

}
.modalbutton {
		float:right;
		font-size: 2rem !important;

}

.modalbutton a {

	color:#333333;
}
.modalbutton a:hover {

	color:#fff;
	text-decoration: none;
}

.modalbutton a:visited {


	text-decoration: none;
}

.image-lead img{

    float: left;
    width: 100%;
    margin-bottom: 7%;
    margin-left: 23px;
    border-radius: 9px;
}

.modal.modal-wide .modal-dialog {
  width: 90%;
}
.modal-wide .modal-body {
  overflow-y: auto;
}

#tallModal .modal-body p { margin-bottom: 90px }




html, body {
	overflow-x:hidden;
	position:relative;
}

.winner, .container-full,  .cta  {
	text-shadow:white 0.3rem 0.1rem 0.3rem;
}

.middleHeader{
	text-shadow: #76C65F 0.1rem 0.2rem 0.2rem;

}
.winner h1 {
	font-size: 5rem;

}



.hero {

	position: relative;
	float:right;


}

.hero h1 {

font-size: 11rem;
}
.hero h2 {

margin-top: -2rem;
font-size: 9rem;
letter-spacing: .5rem;}

/*
    margin-top: -2rem;
    font-size: 6em;
    letter-spacing: .5rem;*/

/* Green Area */

.container-full {
	margin: 0 auto;
	width: 100%;
	background-color: #76C65F;
	overflow:hidden;
	/*text-shadow: 1px 1px 0 #9ed88d;*/
}

.container-full a {
	color:#333;
	text-decoration: none;
}


.bg{
  background: url('codingwhitespaceB.gif') no-repeat center center;
  background-size:cover;
  position: fixed;
  width: 100%;
  height:650px;
  top:0;
  left:0;
  z-index: -1;
  overflow: hidden;
}



.jumbotron {
  	margin-top: 1rem;
	margin-bottom: 1rem;
	height: 550px;
	color: white;
	background: transparent;
	text-shadow: black 0.3rem 0.3rem 0.3rem;
	
}




ul {
	list-style-type:none;
	font-size: 3rem;
}

.fa {
	color:#76C65F;
}

.middle .fa {
	color: #282721;

}

.middle ul {
	font-size: 3.5rem;
}

.middle p {
	font-size: 5rem;
}





hr {
 	border: 0;
    height: 3px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}




#whiteHrTag {
 	border: 0;
    height: 3px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
}

.portfolio img:hover{
	    transform: scale(1.1);
}

.portfolio img {
	margin: 1.5rem;
	border-radius:1rem;
	width:37rem;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;

}

.portfolioHeader {

	margin-top: 9.5rem;
    margin-bottom: 4rem;
}



.footer {

	margin: 0 auto;
	width: 100%;
	background-color: #282721;
	overflow:hidden;
	color:#fff;
	text-shadow: 1px 1px 0 #7B7979;
	text-align: justify;
}

.footer a {
	text-shadow: 1px 1px 0 #7B7979;
	color:#fff;
	text-decoration: none;
}

.lastimpression {
	font-size: 4.2rem;
}


/* Responsive Portion */


@media all and (max-width: 930px) {

		.hero h1 {
	font-size: 5rem;
	}
	.hero h2 {
	font-size: 2rem;
	}

	.cta {
	font-size: 3vmin;
	text-shadow: black 0.1rem 0.1rem 0.1rem;
	}
	
	.winner h1 {
	font-size: 3rem;
	}

	}



	@media (min-width:600px) and (max-width: 993px){
.skills div {
    left:18rem;
	}
}



.close {
    opacity: .8;
}


.close:hover {
    opacity: 1;
}


form {
	margin: 2rem;
}


input, option, textarea, select {

	width:100%;
}

input[type='checkbox'] {
	width:2rem;
	margin-top:1rem;
	margin-bottom:1rem;
}
/* use this to make a cool 3d effect on Default Photos 
.cooltilt {
	    transform: translateX(17em) perspective(600px) rotateY(-378deg);
	    max-width: 100%;
	    max-height: 100%;
	    position: relative;
	    top: 0em;
	    left: -18em;
	    border-radius: 6px;
	    -webkit-transition:1s ease-in-out;
	    -moz-transition: 1s ease-in-out;
	    -o-transition: 1s ease-in-out;
	    transition: 1s ease-in-out;
}




*/