* {
    font-family: 'Lato', sans serif;
    color: #103d87;
}

body {
  background: -webkit-linear-gradient(left,  #efefe6 , #c9c9bf); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #efefe6, #c9c9bf); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right,  #efefe6, #c9c9bf); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right,  #efefe6 , #c9c9bf); /* Standard syntax */
}

/* ------------
---------------
-------NAV----- 
---------------
------------ */


.nav {
    margin: 20px;
    padding: 20px;
}

.navbar {
    margin-bottom: 0px;
}

.navbar-default {
  background: -webkit-linear-gradient(left,  #efefe6 , #c9c9bf); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #efefe6, #c9c9bf); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right,  #efefe6, #c9c9bf); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right,  #efefe6 , #c9c9bf); /* Standard syntax */
}

.navbar-header img {
    display: block;
    max-height: 200px;
    max-width: 500px;
    height: auto;
    width: auto;
}


/* ------------
---------------
---TOP BANNER-- 
---------------
------------ */


.banner {
    position: relative;
    margin: 0px;
}

.banner img {
    position: relative;
    max-width: 100%;
    z-index: 0;

} 

.hi {
    top:15%;
    left:50%;
    position: absolute;
    font-family: 'Nova Oval', cursive;
}



/* ------------
---------------
----HEADERS and Paragraphs---- 
---------------
------------ */
h1 {
    text-align: center;
    font-size: 4em;
    color: #a02c2c;
    font-family: 'Nova Oval', cursive;
}

h2 {
    text-align: center;
    color: #a02c2c;
    font-family: 'Nova Oval', cursive;
}

h3 {
    text-align: center;
    color: #a02c2c;
    font-family: 'Nova Oval', cursive;
}

p {
    font-size: 1.5em;
}

span {
    color: #a02c2c;
}


/* ------------
---------------
----IMAGES----- 
---------------
------------ */

.clickme {
    border: 5px solid #a02c2c;
    max-height: 300px;
    max-width: 300px;
    height: auto;
    width: auto;
    padding: 10px;
    margin: 20px;
}

.work_img {
    border: 5px solid #a02c2c;
    max-height: 600px;
    max-width: 600px;
    height: auto;
    width: auto;
    padding: 10px;
    margin: 20px;
}


/* ------------
---------------
----DIVS----- 
---------------
------------ */

.chunk {
    position: relative;
    margin: 0;
    width: 100%;
    background: -webkit-linear-gradient(left,  #dcebf4 , #6d9cba); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #dcebf4, #6d9cba); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right,  #dcebf4, #6d9cba); /* For Firefox 3.6 to 15 */
    background: linear-gradient(right,  #dcebf4 , #6d9cba); /* Standard syntax */
}

#slideRight {
    position: relative;
    margin: 2% 5%;
    padding: 10px;
}

#slide1 {
    position: relative;
    opacity: 0;
}

#slide2 {
    position: relative;
    opacity: 0;
}

#slide3 {
    position: relative;
    opacity: 0;
}

#slide4 {
    position: relative;
    opacity: 0;
}


/* NEW SECTION */

#work {
    background: -webkit-linear-gradient(left,  #efefe6 , #c9c9bf); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #efefe6, #c9c9bf); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right,  #efefe6, #c9c9bf); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right,  #efefe6 , #c9c9bf); /* Standard syntax */
}

/*------------
----MODAL----
-------------*/
.modal-content {
    margin: 10%;
    padding: 20px;
    text-align: center;
}



/*------------
----FOOTER----
-------------*/

footer {
    position: relative;
    text-align: center;
    width: 100%;
    margin: 0;
    padding: 0;
    background: -webkit-linear-gradient(left,  #dcebf4 , #6d9cba); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #dcebf4, #6d9cba); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right,  #dcebf4, #6d9cba); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right,  #dcebf4 , #6d9cba); /* Standard syntax */
}

footer h2 {
    text-align: center;
}