new.css

/* Global */

body {
    position:relative;
    background-image:url('../img/bg.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    color:#fff;
}
a:hover {
    color:#00cc99;
    text-decoration:none;
    transition:color 600ms;
    -webkit-transition:color 600ms;
}
/* Navigation */

.navbar-collapse .navbar-nav {
    float:right;
}
.navbar-inverse .navbar-collapse ul li a {
    color:white;
    text-transform:uppercase;
    font-weight:bold;
}
.navbar-inverse .navbar-collapse a {
    color:white;
    text-transform:uppercase;
    font-weight:bold;
}
.navbar-inverse .navbar-collapse ul li a:hover {
    background-color:#00CC99;
    text-decoration:none;
    font-weight:bold;
    transition:color 600ms;
    -webkit-transition:color 600ms;
}
.container-fluid .navbar-header .navbar-brand a {
    color:white;
    text-transform:uppercase;
    padding-left:20px
}
.container-fluid .navbar-header .navbar-brand a:hover {
    color:#00CC99;
    text-decoration:none;
    transition:color 600ms;
    -webkit-transition:color 600ms;
    padding-left:20px;
}
.navbar-inverse {
    background-color:black;
    opacity:0.8;
    position:fixed;
    width:100%;
    top:0;
    z-index:1;
}
/* Header */

.container-fluid {
    padding-left:0px;
    padding-right:0px;
}
#carousel-example-generic {
    margin-top:50px;
}
/* Contact Page */

#contact {
    background-image:url("../img/contact.jpg");
    background-size:cover;
    color:white;
    background-attachment:fixed;
}
.contact-header h1 {
    text-align:center;
    font-size:3.5em;
    padding-top:20px;
    margin-bottom:0px;
}
.contact-header p {
    text-align:center;
    font-size:1.3em;
    margin-top:5px;
    font-weight:200;
}
.space {
    padding-top:120px;
}
.contact-text {
    color:white;
    padding-top:1px;
    padding-bottom:1px;
    font-size:1em;
    font-weight:100;
    text-align:center;
}
div.text_transbox {
    background-color:black;
    border-radius:20px;
    opacity:0.8;
    padding-top:1px;
    padding-left:2px;
    padding-right:2px;
    padding-bottom:6px;
    width:95%;
    margin-left:1%;
    margin-top:15%;
}
div.text_transbox a {
    color:white;
    text-transform:uppercase;
    text-decoration:none;
    font-size:1.2em;
    font-weight:500;
    padding-bottom:1px;
    padding-left:50%;
    text-align:center;
}
div.text_transbox a:hover {
    color:#00CC99;
    text-decoration:none;
    transition:color 600ms;
    -webkit-transition:color 600ms;
}
.form-control {
    width:90%;
}
.btn-default {
    opacity:0.7;
}
/* Faq Page */

#faq {
    background-image:url("../img/bg.jpg");
    background-size:cover;
    background-attachment:fixed;
}
.faq-header {
    text-align:center;
    padding-top:60px;
}
.panel-body {
    font-family:Futura, Helvetica, Arial, sans-serif;
}
.panel-title {
    font-family:Futura, Helvetica, Arial, sans-serif;
}
.panel-title a:hover {
    font-family:Futura, Helvetica, Arial, sans-serif;
    color:#00cc99;
    transition:color 600ms;
    text-decoration:none;
    -webkit-transition:color 600ms;
}
.learn-more {
    text-align:left;
    float:left;
}
.modal-button {
    float:right;
    padding:15px;
}
#modalembed {
    height:500px;
    width:100%;
    padding:10px;
}
/* About Me Page */

body {
    position:relative;
}
header h1 {
    text-align:center;
}
.image {
    display:inline;
    float:left;
    margin-right:0.5rem;
}
.column {
    display:inline-block;
    float:left;
    width:30%;
    position:relative;
    margin:0 0.75rem;
}
.intro {
    background-color:#fff;
    color:#000;
    border-radius:5px;
    padding:0 0.5rem;
}
.skills {
    background-color:#fff;
    color:#000;
    border-radius:5px;
    text-align:center;
}
.main_text {
    clear:both;
    padding-top:4rem;
}
.header {
    margin-bottom:40px;
}
body {
    margin:0;
    padding:0;
    font/size:30px;
}
/* Portfolio Page */

#portfolio-image {
    padding-bottom:2em;
}
.img-responsive {
    display:block;
    max-width:100%;
    height:auto;
}
/* Footer */

footer .copyright {
    float:left;
}
footer .social-media {
    float:right;
}
footer .social-media .fb-like {
    float:right;
}
/* Typography */

h1,h2,h3 {
    font-family:Futura, Helvetica, Arial, sans-serif;
    text-align:center;
}

new.html

home