/*
Theme Name: Chris Cypher's Wordpress Site
Theme URI: http://thegardenersprayer.org
Description: Chris Cypher's Wordpress Site
Author: Me
Author URI: http://thegardenersprayer.org
Version: 1
*/





body{
font-size: 1.6em;
/*16px. So, the default size of 1em is 16px.
The size can be calculated from pixels to em using this formula: pixels/16=em*/
font-family:arial,calibri,sans-serif;
}

/*.jumbotron{
  background-image: url('images/hero2.jpg');
  background-size:cover 100%;
  background-position: left;
    padding:0px;
    height:600px;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
}*/

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 0px;
    border: 1px solid transparent;
}


.jumbotron {
    background:url("images/hero2.jpg") no-repeat center center;
    background-size: cover;
  /*  -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    */
    /*color: #FFF; // change text color*/
    height: 600px;
        margin-top: -2px;
}



.repeater{
background: url('images/header_bg.jpg') repeat-x;
  height:500px;
    padding:0px;
}

.hero{
background-image: url('images/hero2.jpg');
background-size:cover;
background-position: left;
  padding:0px;
  height:600px;
}
/*.hero img{
max-width:100%;
}*/
.overlay-text  {
  float:right;
  margin-right:80px;
  text-align:center;
padding-top:20px;
padding-bottom:40px;
  /*width:48%;*/
  color:white;
margin-top:200px;
background-color:rgba(146, 57, 7, 0.63);
}

.overlay-text h1 {
font-family: Raleway,sans-serif;
padding-bottom:10px;

}

.overlay-text h2 {
font-family: Raleway,sans-serif;

color: rgb(21, 20, 19);
}

/*.container-full-bg {width:100%;
  background-image: url('images/hero2.jpg');
  height:100%;
  max-width:100%;
  background-position:left;
  background-size:cover;
height:600px;
}*/

/*.overlay-text {
  font-size:3.5vw;
  float:right;
  width:65%;
  bottom:21vw;
  padding: 25px;
  background:#f7f7f7;


}*/

.secondcontainer{

background-image: url('images/large_bg.jpg');
background-size:cover;
background-position: center;
}

.secondcontainer h1{

text-align:center;
font-family: Raleway,sans-serif;
padding:10px;
color:rgb(245, 250, 245);
}


.secondcontainertext{
  padding:30px;
  font-size:1.1em;
font-family:Sanchez,serif;
}



.large{
  color: rgb(218, 163, 13);
      font-size: 1.9em;
    font-family:Sanchez,serif;
line-height:0.5;
}

.whitebg{
margin-top:20px;
margin-bottom:20px;
background-color:rgb(255, 255, 255);

}
.whitebg h2{
padding-top:20px;
color: rgb(218, 163, 13);
font-family:Sanchez,Serif;
padding-left:20px;
}

.whitebg p{
padding-left:20px;
}


.btncenter{
text-align:center;
max-width: 300px;
 margin:0px auto;

padding-top:30px;
padding-left:30px;
padding-right:30px;
padding-bottom: 10px;

}

.text{
margin-top:50px;
text-align:center;

}

.footerbg{
  text-align:center;
background-color:rgb(0, 0, 0);
padding:20px;
}

.btn-default {
    color: #fff;
    background-color: #daa30c;
    border-color: #ccc;

    margin-bottom:30px;
}



@media only screen and (max-width: 1278px) {
  .overlay-text  {

    margin-right:0px;
  }
	}

@media only screen and (max-width: 760px) {
  .jumbotron {
      height: 500px;
}

.text{
margin-top:0px;

}

.text img{
width:35%;

}

}

@media only screen and (max-width: 600px) {
  .jumbotron {
      height: 400px;
      background-position: 30% 70%;
}

.overlay-text {

    margin-right: 0px;
    text-align: center;
     padding-top: 0px;
    padding-bottom: 0px;
   width: 100%;
    color: white;
    margin-top: 258px;
    background-color: rgba(146, 57, 7, 0.63);
}
.overlay-text h2 {
  margin-top: 0px;
margin-bottom: 10px;
    font-size: 20px;
      color: white;
}
.overlay-text h1 {
    font-size: 28px;
}
}