@import url(https://fonts.googleapis.com/css?family=Raleway);

body{
    background:url(img/bg2.jpg) Fixed;
    background-size:cover;
    text-align: center;
    color:#fff !important;
    vertical-align: middle;
    font-family: 'Raleway', sans-serif !important;
    height:100%;
}
body a{
    text-decoration:none;
    color:#ffffff !important;
}
.body-content {
    text-transform: initial !important;
    font-size: 1.15 em;
	padding: 2px;
}
.footer {
    text-transform: initial !important;
    font-size: 0.9em;
	padding-right: 2px;
	text-align: Right;
}


.skill-col {
  text-align: center;
  padding:2px;
} 
.skill-col img {
  max-height: 100px;
  max-width: 90%;
}

.skill-bar {
	background-color:#08080A !important;
	border:none;
}
.skill-content {
	text-transform: initial !important;
    font-size: 0.95em;
}
.skill-desc {
  color:#bbbbbb;
  
	-webkit-transition-property: color; /* Safari */
    -webkit-transition-duration: 0.5s; /* Safari */
    -o-transition-property: color;
    -o-transition-duration: 0.5s;
	transition-property: color;
    transition-duration: 0.5s;
}

.skill-desc:hover {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:underline;
}

hr.separator { 
	width:100%;
	border: 0; 
	height: 1px; 
	margin-top: 10px !important; 
	margin-bottom: 10px !important;
	background-color: rgba(162, 156, 156, 0.58);
}

.progress {
  height: 5px !important;
  width:100%;
  margin: 0 0 20px 0 !important;
	
}
.blinking-cursor {
  color:#fff !important;
  -webkit-animation: 1s blink step-end infinite;
  -moz-animation: 1s blink step-end infinite;
  -ms-animation: 1s blink step-end infinite;
  -o-animation: 1s blink step-end infinite;
  animation: 1s blink step-end infinite;
}
@keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: white;
  }
}

@-moz-keyframes blink {
  from, to {
    color: transparent;
  }
  50% {
    color: white;
  }
}

@-webkit-keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: white;
  }
}

@-ms-keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: white;
  }
}

@-o-keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: white;
  }
}

@media (max-width:320px)  {
	h2 {
		font-size:1.4em !important;
	}
}

@media (max-width:480px)  {
	h2 {
		font-size:1.6em !important;
	}
}