* { box-sizing: border-box; }

/*******Home page****************/



#carousel-example-generic {
    margin-top: -2em;
}

.anchor {
    padding-top: 50px;
}

.container {
    width: 80%;
    margin: 0 auto;
    padding-top: 6em;

}



.carousel {
  margin-left: -2em;
  margin-right: -2em;
}

.row1{
    padding-top: 10%;
}

.row2 {
    padding-top: 30%;
}

.titleofproject {
    text-align: center;
    padding-top: 15%;
}
.row {
    padding-top: 15%;
}

/**************Contact Page****************/

.mycontact h1 {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 30%;
    width: 50%;
    margin: -15% 0 0 -25%;
    font-family: Georgia, Cambria, serif;
    color: orange;
    text-align: center;

}

.mycontact h2 {
    position: absolute;
    top: 70%;
    left: 49%;
    height: 30%;
    width: 50%;
    margin: 15% 0 0 -25%;
    font-family: Georgia, Cambria, serif;
    color: blue;
    text-align: center;

}

.mycontact h3 {
    position: absolute;
    top: 74%;
    left: 49%;
    height: 30%;
    width: 50%;
    margin: 15% 0 0 -25%;
    font-family: Georgia, Cambria, serif;
      /*The text below is how dark of a bold you want*/
    font-weight: 500;
    color: white;
    text-align: center;
}
.row3 {
margin-top: 25%;
}



#contact {
    background-image: url("../img/contactpic.jpg");
/*Add a background image*/
    background-attachment: fixed;
/*Give the background a fixed position does it not scroll when you scroll*/
    background-size: cover;
/*Have the background cover the entire div section*/
   background-color: #FFFFCC;
   height: 100%;
/*Change the color of the text on top so it is readable, and adjust the padding as needed.*/
    padding:100px;
    padding-top: 20px;
    height: 800px;

}


/**********FAQ PAGE*******************/





#FAQ {
    background-color: #fffeea;
    color: #34495e;
    background-size: cover;

}

.titleFAQ {
    padding-top: 30%;
}



/*    *************menu for all******************/

.nav{
    z-index: 1;
    background-color: gray;
    position: fixed;
    width: 100%;
    top: 0;
    letter-spacing: 0.05em;
}

body {
  position: relative;
}

.nav ul {
  float: right;
}

.nav ul li{
  display: inline-block;
  text-transform: uppercase;
  padding-bottom: 2em;
  padding-top: 2em;
  text-align: center;
}

.homemenu{
    display: inline-block;
    text-transform: uppercase;
    padding-top: 2em;

}

.nav a { transition-property: all;
         transition-duration: 500ms;
         -webkit-transition: all;
         -webkit-transition-duration: 500ms; }




  .nav a:hover {
    color: green;
    background-color: red;
    text-decoration: none;
    font-size: 1.2em;
}

/********About**************/

.header h1{
    text-align: center;
}
.titleabout{
    text-align: center;
    padding-top: 15%;
}

.skill {

    padding-right: 30%;
    text-transform: uppercase;
}

.turbine {
    margin-top: 15%;
}

#skill-list {
    margin-left: 2em;
}

.intro {
    margin-left: 20%;
}

/*    ***********Typography********************************/

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

p,
li {
    font-family: Georgia, Cambria, serif;
}

/*What if you want your introductory paragraph to be
in "Futura" as well, even though it is a p tag? How
would you differentiate it from your other p tags?*/

.intro.p {
    font-family: Futura, Helvetica, Arial, sans-serif;
    font-size: 3em;
    /*The text below is how dark of a bold you want*/
    font-weight: 100;
    -webkit-margin-before: 0;
}



.skills h3 {

    text-align: center;
    text-transform: uppercase;
}

.intro h3 {

    text-align: center;
    text-transform: uppercase;
}