html,
body {
    width: 100%;
    height: 100%;
}

body {
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: white;
}

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

.text-vertical-center h1 {
    font-size: 5.5em;
    font-weight: 700;
    margin: 0;
    padding: 0;
}

a {
    color: #fff;
    text-decoration: underline;
}

/* Custom Button Styles */

.btn-dark {
    color: #fff;
    border: none;
    border-radius: 0;
    background-color: rgba(0, 0, 0, .4);
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {
    color: #fff;
    background-color: rgba(0, 0, 0, .7);
}

.btn-light {
    color: #333;
    border: none;
    border-radius: 0;
    background-color: rgb(255, 255, 255);
}

.btn-light:hover,
.btn-light:focus,
.btn-light:active {
    color: #333;
    background-color: rgba(255, 255, 255, .8);
}

/* Header */

.header {
    position: relative;
    display: table;
    width: 100%;
    height: 100%;
    /*background: url(../img/pexels.jpg);*/
    /*background-color:#333333;*/
    background: -webkit-linear-gradient(130deg,#333333,#1a1a1a);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

h1 {
    font-size: 120px;
  }

.title {
    /*font-family: 'Montserrat', sans-serif;*/
    font-family: 'Roboto', sans-serif;
    background: -webkit-linear-gradient(180deg,rgba(92, 0, 168, 0.815) 10% ,rgba(233, 87, 3, 0.979) 20% ,rgb(128, 0, 0) 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Social */

.intro-social {
	display: block;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 7.2rem;
	font-size: 2.3rem;
	margin: 0;
	padding: 0;
}
.intro-social li {
	display: inline-block;
	margin: 0 20px;
	padding: 0;
}
.intro-social li a, .intro-social li a:visited {
	color: white;
}
.intro-social li a:hover, .intro-social li a:focus {
    color: #d63d01;
    
}