* { /*Default Stylings*/
  margin:0;
  padding:0;
  border: 0;
  outline: 0;
/*
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
*/
  font-size: x-large;
  box-sizing: border-box; /*Grid View (Responsive) (padding and border are included in the total width and height of the elements)*/
  
}

/* body style determined by individual files right now...
body {
  
  background-color: #FFFFFF;
  background-image: url('../images/StockSnap_OPM9DGYQ03_3_10.jpg');
  background-repeat: repeat-y ;
  background-position: center;
  background-size: cover;
  /*position: absolute;*/
  /*
  background-image: url('../images/StockSnap_OPM9DGYQ03.jpg');
  background-repeat: repeat-y ;
  
  background-size: cover;
*/
}*/
div.container{
  position: relative;
}
div.main-background{

  margin: 0;
  padding: 0;
  /*height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;*/
}
div.block-style-1 {
  margin: 20px;
  /*border-style: solid;
  border-color: black;
  padding: 10px;*/
  border-radius: 10px;
}
@media only screen and (max-width: 1000px) {
  /* For mobile phones: */
  div.block-style-1 {
    width: 100%;
    margin-left: 0;
    margin-right: 0; 
    border-radius: 40px;   
  }
}
div.block-style-1-split-a {
  margin: 20px;
  border-radius: 10px;
}
@media only screen and (max-width: 1000px) {
  /* For mobile phones: */
  div.block-style-1-split-a {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    border-radius: 40px;    
  }
}
div.block-style-1-split-b {
  /*margin: 10px;
  padding: 10px;*/
  border-radius: 10px;
}
@media only screen and (max-width: 1000px) {
  /* For mobile phones: */
  div.block-style-1-split-b {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    border-radius: 40px;    
  }
}
div.block-style-2 {
  margin: 10px;
  /*border-style: solid;
  border-color: black;
  padding: 10px;*/
  border-radius: 10px;
}

div.tree-field-background{
  background-image: url("../images/treefield.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
div.div-sessions-cont{
  height: 1500px;
}
@media only screen and (max-width: 1000px) {
    div.div-sessions-cont{
      height: auto;
  }
}
div.div-sessions-spacer{
  position: absolute;
  height: 1000px;
  left: -20px;
  right: -20px;
}
@media only screen and (max-width: 1000px) {
  div.div-sessions-spacer{
  position: relative;
  margin: 0;
  height: auto;
  left: 0;
  right: 0;
}
}
div.div-sessions-gap{
  width: 5%;
  height: 1000px;
  display: inline-block;
  float: left;
}
@media only screen and (max-width: 1000px) {
  div.div-sessions-gap{
  width: 0;
  height: 0;
  display: inline-block;
  float: left;
}
}
div.div-session-cont{
  width: 45%;
  display: inline-block;
  /*min-width: 500px;*/
  /*
  border-style: solid;
  border-color: blue;
  */
  clear: left;
  /*margin-left: 20px;
  margin-right: 520px;*/
}
@media only screen and (max-width: 1000px) {
  /* For mobile phones: */
  div.div-session-cont{
    width: 100%;
    display: inline-block;
    margin-left: 0;
    margin-right: 0;
  }
}
div.session{
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 500px;
  width: 500px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  
  /*height: 25vw;
  width: 25vw;*/
  /*min-height: 720px;
  min-width: 720px;*/
  /*margin: 20px;*/
  border-radius: 10px;
  
}
@media only screen and (max-width: 1000px) {
  /* For mobile phones: */
  div.session{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;    
    width: 100%;
    height: 100vw;
    margin-left: 0;
    margin-right: 0;
    border-radius: 40px;
  }
}

div.session-img-1-background{
  background-image: url("../images/StockSnap_DECNQJVZM3_1_5.jpg");
}
div.session-img-2-background{
  background-image: url("../images/StockSnap_CMSF6X3ZF1_1_5.jpg");
}
div.session-img-3-background{
  background-image: url("../images/StockSnap_SF3FIPA5FG_15_100.jpg");
}
div.session-img-4-background{
  background-image: url("../images/StockSnap_YPW6D1AUSF_15_100.jpg");
}
.div-btn-style-2{
  
}
div.div-inline{
  display: inline-block;
}
div.div-float-left{
  float: left;
}
div.div-clear-left{
  clear: left;
}
div.div-max-width-100{
  max-width: 100%;
}

div.color-1-trans{
  background-color: rgba(240, 240, 255, 0.5);  
}
div.color-1{
  background-color: rgba(240, 240, 255, 1.0);  
}
div.color-2-trans{
  background-color: rgba(200, 200, 240, 0.5);  
}
div.color-white{
  background-color: #FFFFFF;  
}
div.color-white-trans{
  background-color: rgba(255, 255, 255, 0.5);  
}
span.session:hover {
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}
textarea.textarea-style-1{
  height: 300px;
}
.opacity-1{
  opacity: 1;
}

h1, h2, h3, h4, h5, h6, p, a, span {
  /*border-color: green;
  border-style: solid;
  line-height: 10px;*/
  font-family: "Karla", Tahoma, Verdana, sans-serif;
}
h1{ font-size: 70px;}
h2{ font-size: 65x;}
h3{ font-size: 60px;}
h4{ font-size: 55px;}
h5{ font-size: 50px;}
h6{ font-size: 45px;}
p{ font-size: 40px;}
span{ font-size: 40px;}
a{ font-size: 40px;}


.font-pref-1 {
font-family: "Karla", Tahoma, Verdana, sans-serif;
  /*border-color: green;
  border-style: solid;*/
}
.sessions-font-size{
  font-size: 10px;
}
.indent-pref-1{
  margin-left: 20px;
}
.h1-headline{
  font-size: 70px;
}
.p-tagline-size-h{
  font-size:40px;
  font-family: "Dancing Script", Tahoma, Verdana, sans-serif;

}
.p-word-break-all{
    word-break: break-all;
}
.float-left{
  float: left;  
}
.clearfix {
  overflow: auto;
  /*
  Fix for if float elements are larger than their container.
  Reference: https://www.w3schools.com/css/css_float_clear.asp
  */
}
img.profile-img{
  float: left;
  max-width: 100%;
  width: 720px;
  
  border-radius: 10px;
}
@media only screen and (max-width: 1000px) {
  /* For mobile phones: */
  img.profile-img{
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    border-radius: 40px;
  }
}

img.session-img{
  float: left; 
  max-width: 400px;
  border-radius: 10px;
}
.extra-padding{
  padding: 10px;
}
.margin-10px{
  margin: 10px;
}
.margin-20px{
  margin: 20px;
}
.margin-top-20px{
  margin-top: 20px;
}
.width-100px{
  width: 100px;
}
.width-200px{
  width: 200px;
}
.width-300px{
  width: 300px;
}
.width-400px{
  width: 400px;
}
.width-100{
  width: 100%;
}
.width-95{
  width: 95%;
}
.width-90{
  width: 90%;
}
.width-85{
  width: 85%;
}
.width-80{
  width: 80%;
}
.width-25{
  width: 25%;
}
.width-20{
  width: 20%;
}