html, body {
	width: 100%;
	height: 100%;
	cursor: default;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

body {
  display: table;
  color: white;
  background: url(../resources/background.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
  font-family: 'Raleway', Helvetica, Arial, sans-seriff;
}

.main {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.main .intro {
  background: rgba(50,50,85,0.2);
  color: #EEECEC;
}

.intro .name {
  font-family: 'Roboto Condensed', Helvetica, Arial, sans-seriff;
  font-size: 80px;
  font-weight: 700;
  text-transform: uppercase;
}

.intro .tags {
  font-size: 15px;
}

.main .content {
  color: #EEECEC;
  margin-top: 10px;
  font-size: 40px;
  text-transform: uppercase;
}

.content .resume-btn,
.content .projects-btn,
.content .contact-btn {
  display: block;
  height: 100%;
  width: 100%;
  background: rgba(90,50,50,0.2);
  padding-top: 10px;
  padding-bottom: 10px;
  cursor: pointer;
  -moz-transition: background .2s ease-in-out;
  -webkit-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out;
}

.resume-btn .resume-icon,
.projects-btn .projects-icon,
.contact-btn .fa-angle-down {
  opacity: 0;
  -moz-transition: opacity .2s ease-in-out, transform .3s linear;
  -webkit-transition: opacity .2s ease-in-out, transform .3s linear;
  transition: opacity .2s ease-in-out, transform .3s linear;
}

.resume-btn i
.projects-btn i {
  font-size: 32px;
}

.resume-btn .fake-icon
.projects-btn .fake-icon {
  opacity: 0;
}

.resume-btn:link,
.resume-btn:visited
.projects-btn:link,
.projects-btn:visited {
  color: #EEECEC;
  text-decoration: none;
}

.resume-btn:hover,
.resume-btn:active
.projects-btn:hover,
.projects-btn:active {
  background: rgba(208,208,208,0.5);
}

.resume-btn:hover .resume-icon
.projects-btn:hover .projects-icon {
  opacity: 1;
}

.content .contact-content {
  padding: 5px;
  background: rgba(85,50,50,0.7);
  text-transform: none;
  font-size: 15px;
}

.contact-content .email,
.contact-content .linkedin,
.contact-content .github {
  padding: 5px;
  color: #EEECEC;
}

a:link,
a:visited {
  color: #EEECEC;
  text-decoration: none;
}

.email:hover,
.email:active {
  text-decoration: none;
  color: #FF7758;
}

.linkedin:hover,
.linkedin:active {
  text-decoration: none;
  color: #528FFF;
}

.github:hover,
.github:active {
  text-decoration: none;
  color: #48C860;
}

.separator {
  display: table-cell;
  vertical-align: middle;
  font-size: 7px;
}

.no-padding {
  padding-left: 0px;
  padding-right: 0px;
}

.rotate-left {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.rotate-right {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}

@media (max-width: 992px) {
  .content .col-md-4 {
    margin-bottom: 5px;
  }
  
  .content .first {
    margin-top: 10px;
  }
}