@charset "UTF-8";
html, body {
  height: 100%;
  margin: 0;
  background:#333;
  color:#d7d7d7;
  font-family: 'Roboto Mono', monospace;
}
.wrapper {
  min-height: 100%;

  /* Equal to height of footer */
  /* But also accounting for potential margin-bottom of last child */
  margin-bottom: -50px;
}
.footer,
.push {
  height: 50px;
}
/*** GENERAL STYLES ***/
a{
	color: #4196c8;}
a:hover{
	 text-decoration: none;
	 color:#07d;}
.inline{display:inline-block}
.centered{margin:0 auto;text-align:center;}	
.nomb{margin-bottom:0;}
.nomt{margin-top:0;}
.uk-margin-top{margin-top: 20px !important;}
/*** HEADER STYLES ***/
h1, h2, h3, h4, h5, h6{
	color:#d7c819;
	font-family: 'Rubik', sans-serif;
	font-weight: 900;
}
h1.intro span{font-size:50px;}
h1.intro{font-size:120px;
line-height: 80px;
letter-spacing:-3px;
}
h1{font-size:45px;
	line-height: 52px}
	
h2{
	text-transform:uppercase;
	/*font-size: 36px;
	line-height: 42px*/
}
h3{text-transform: uppercase;}

/*NAV*/
.uk-navbar{background: #333;color: #fff}
.uk-navbar-nav>li>a{font-family: 'Roboto Mono', monospace;color: #fff;}
.uk-navbar-brand{color:#fff;}
.uk-navbar-nav>li.uk-open>a, .uk-navbar-nav>li:hover>a, .uk-navbar-nav>li>a:focus{background-color: transparent;border-bottom: #d7c819 1px solid;color: #fff;outline: 0}
.uk-navbar-nav>li>a:active{background-color: transparent;border-bottom: #d7c819 1px solid;color: #fff;}
.uk-navbar-nav>li.uk-active>a{background: #333;color: #d7c819;}
.uk-navbar-brand:focus, .uk-navbar-brand:hover{color:#d7c819;}
.uk-navbar-toggle{color:#fff}

/*CONTENT*/			
figure.uk-overlay.photo,img.photo{max-width: 135px;}
figcaption.uk-overlay-panel.uk-overlay-background.uk-flex.uk-flex-center.uk-flex-middle.uk-text-center{padding:2px;}
.fourcontent{
	min-height:350px;
}
.uk-panel-title{
	font-size: 22px;}
	
/*MODAL*/
.uk-modal-dialog{
	background:#333333;}
	
/*BTN*/
.uk-button-primary {
    background-color: #000000;
    color: #fff;
	transition: all 0.3s ease 0s;
}
.uk-button-primary:focus, .uk-button-primary:hover {
    background-color:#d7c819;
    color: #000;
}
.uk-text-primary{
	color:#888!important;}
	
/*RESUME*/
.position{
	text-transform:uppercase;
	font-size:15px;}
	
@media screen and (max-width: 640px) {	
h1.intro{font-size:90px;
line-height: 70px;
}

@media screen and (max-width: 480px) {	
    h1.intro{font-size:60px;
	line-height: 70px;
	}

   .uk-navbar-center{max-width: 80%;}
	h1{font-size: 30px;}
   .skills {
	width: 100%;
	margin: 0px;
	}
  .skillsBottom {
	  float: left;
	  clear: right;
	  width: 100%;
	  margin: 0px;
  }
  .progress {
	  height:50px;  
  }
  .progress span{
	height:45px; 
  }
}
@media screen and (max-width: 321px) {
	
	.progress {
	  height:65px;  
 	 }
  	.progress span{
	height:60px; 
 	 }
}