@charset "UTF-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900|Montserrat:400,700);

body{
	background-color:#111319;
	}
.spaces{
	padding:40px 0 0 40px;
	}
.lato_head, .lato_text, .lato_small_text, .montserrat_litle{
	color:white;
	}
.lato_head{
	font-family: 'Lato', sans-serif;
	font-size:24px;
	font-weight:400;
	margin-bottom:10px;
	}
.lato_text{
	font-family: 'Lato', sans-serif;
	font-size:20px;
	font-weight:300;
	}
.lato_small_text{
	font-family: 'Lato', sans-serif;
	font-size:12px;
	font-weight:300;
	opacity:0.5;
	}
.montserrat_litle{
	font-family: 'Montserrat', sans-serif;
	font-size:80px; /*7.0vw*/
	font-weight:700;
	line-height:80px;
	margin-bottom:15px;
	}
	
.vspacer{
	margin-bottom:80px;
	}

.clr{
	clear:both;}
.sm_icon{
	width:40px;
	height:40px;
	float:left;
	background-repeat:no-repeat;
	background-size:40px;
	background-position:center center;
	}
.sm_icon:hover{
	opacity:0.5;
	}
.linkedin{
	background-image:url(../img/linkedin.svg);
	}
.twitter{
	background-image:url(../img/twitter.svg);
	}
.flickr{
	background-image:url(../img/flickr.svg);
	}
.instagram{
	background-image:url(../img/instagram.svg);
	}
.vimeo{
	background-image:url(../img/vimeo.svg);
	}
.pinterest{
	background-image:url(../img/pinterest.svg);
	}
.spotify{
	background-image:url(../img/spotify.svg);
	}


/*Responsive*/
/*Phones*/
@media only screen and (max-width: 320px) {
	.spaces{
	padding:20px 0 0 5px;
	}
	.montserrat_litle{
	font-family: 'Montserrat', sans-serif;
	font-size:45px; /*7.0vw*/
	font-weight:700;
	line-height:45px;
	margin-bottom:15px;
	}
	}
/*Phones and Tablets portrait*/
@media only screen and (min-width: 320px) and (max-width: 768px) {	
	.spaces{
	padding:40px 0 0 10px;
	}
	.montserrat_litle{
	font-family: 'Montserrat', sans-serif;
	font-size:45px; /*7.0vw*/
	font-weight:700;
	line-height:45px;
	margin-bottom:15px;
	}
	}
/*Tablets Landscape and regular Screens*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.spaces{
	padding:30px 0 0 30px;
	}
	.montserrat_litle{
	font-family: 'Montserrat', sans-serif;
	font-size:80px; /*7.0vw*/
	font-weight:700;
	line-height:80px;
	margin-bottom:15px;
	}
	}



/*typed Rotator*/
.typed-cursor{
    opacity: 0.8;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}