body { background: #fff; width: 100%; }

#container { width: 100%; margin: 0 auto; }

/* Fonts Styles */
.pacifico { font-family: 'Pacifico', cursive; }
.indie { font-family: 'Indie Flower', cursive; }
.muli { font-family: 'Muli', sans-serif; }
.josefin { font-family: 'Josefin Sans', sans-serif; }
.fjalla { font-family: 'Fjalla One', sans-serif; }
.source-sans { font-family: 'Source Sans Pro', sans-serif; }

/* Colors */ 
.white { color: #fff; }
.black { color: #000; }
.brown { color: #272822; }
.brown-bg { background: #272822; }
.yellow { color: #a6e22e; }
.gold { color: #fd971f; }

/* General Styles */
.padded { padding: 20px 30px; }
.bottom { position: absolute !important; bottom: 0; }
.no-decoration { text-decoration: none; }
.col-xs-12 { margin: 0 !important; padding: 0 !important; }

h2.title { font-size: 40pt; font-weight: 700; color: #3e3d32; }
p.line { color: #f92672; }

/* ==============================
   =========== HEADER =========== 
   ==============================*/
.header-block { position: relative; height: 100vh; background: url(../img/bkg.jpg) no-repeat center; background-size: cover; }
.header-text { position: absolute !important; top: 20vh; }
.header-text img { color: #fff; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; -ms-animation-delay: 0.5s; }
.header-text h3 { font-size: 2.8em; color: #4a4a4a; margin-top: 25px; animation-delay: 1s; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -o-animation-delay: 1s; -ms-animation-delay: 1s; }
.header-text .socialbar { display: inline-block; margin-top: 50px; }
.header-text a.facebook { background: #4d70a8; color: #fff; font-size: 20px; padding: 10px 16px; border-radius: 50%; margin-right: 12px; transition: ease-in 0.3s all; -moz-transition: ease-in 0.3s all; -webkit-transition: ease-in 0.3s all; animation-delay: 1.5s; -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; -o-animation-delay: 1.5s; -ms-animation-delay: 1.5s; }
.header-text a.facebook:hover { background: #fff; color: #4d70a8; }
.header-text a.twitter { background: #00bbf2; color: #fff; font-size: 20px; padding: 10px 13px; border-radius: 50%; margin-right: 12px; transition: ease-in 0.3s all; -moz-transition: ease-in 0.3s all; -webkit-transition: ease-in 0.3s all; animation-delay: 1.75s; -webkit-animation-delay: 1.75s; -moz-animation-delay: 1.75s; -o-animation-delay: 1.75s; -ms-animation-delay: 1.75s; }
.header-text a.twitter:hover { background: #fff; color: #00bbf2;}
.header-text a.linkedin { background: #1687b1; color: #fff; font-size: 20px; padding: 10px 13px; border-radius: 50%; margin-right: 12px; transition: ease-in 0.3s all; -moz-transition: ease-in 0.3s all; -webkit-transition: ease-in 0.3s all; animation-delay: 2s; -webkit-animation-delay: 2s; -moz-animation-delay: 2s; -o-animation-delay: 2s; -ms-animation-delay: 2s; }
.header-text a.linkedin:hover { background: #fff; color: #1687b1; }
.header-text a.phone { display: inline-block; background: #666; color: #fff; font-size: 20px; padding: 7px 14px; border-radius: 50%; margin-right: 12px; animation-delay: 2.25s; transition: ease-in 0.3s all; -moz-transition: ease-in 0.3s all; -webkit-transition: ease-in 0.3s all; -webkit-animation-delay: 2.25s; -moz-animation-delay: 2.25s; -o-animation-delay: 2.25s; -ms-animation-delay: 2.25s; }
.header-text a.phone:hover { background: #fff; color: #666; }
.header-text a.email { display: inline-block; background: #cb3737; color: #fff; font-size: 20px; padding: 7px 11px; border-radius: 50%; animation-delay: 2.5s; transition: ease-in 0.3s all; -moz-transition: ease-in 0.3s all; -webkit-transition: ease-in 0.3s all; -webkit-animation-delay: 2.5s; -moz-animation-delay: 2.5s; -o-animation-delay: 2.5s; -ms-animation-delay: 2.5s; }
.header-text a.email:hover { background: #fff; color: #cb3737; }

.header-knowledge { position: absolute !important; bottom: 20vh; right: 0; }
.adwords-img { animation-delay: 1.5s; -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; -o-animation-delay: 1.5s; -ms-animation-delay: 1.5s; }
img.adwords-img { transition: all 0.8s ease-in-out 0s; }
img.adwords-img:hover { cursor: default; transform: rotate(360deg); transition: all 1.2s ease-in-out 0s; }

.profile-header { position: relative; }
.profile-header a { position: absolute; background: #3e3d32; color: #fff; padding: 15px 10px 5px 10px; width: 90px; text-decoration: none; left: 50%; margin-left: -45px; margin-top: -73px; animation-delay: 2.5s; -webkit-animation-delay: 2.5s; -moz-animation-delay: 2.5s; -o-animation-delay: 2.5s; -ms-animation-delay: 2.5s; } 
.profile-header a:hover { color: #a6e22e; }
.profile-header a span { display: inline-block; font-size:12pt; }

/* ==============================
   =========== PROFILE =========== 
   ==============================*/
#profile { padding: 60px 10px; }
.profile-img { width: 150px; border-radius: 0px 0px 75px 75px; }
.emoticon { color: #f92672; }
.greeting { font-size: 21pt; letter-spacing: 2px; margin-bottom: 15px; }
p.source-sans { font-weight: 500; font-size: 16px; color: 666;}

/* =====================================
   =========== MEDIA QUERIES =========== 
   =====================================*/

/* Tablet */
@media only screen and (max-width : 1024px) {

}

/* Medium Devices */
@media only screen and (max-width : 992px) {
	
}

/* Small Devices */
@media only screen and (max-width : 767px) {
	.header-text img { width: 90%; margin-left: 2%; }
}