a{
  color: #333;
  font-weight: bold;
}
p{
  margin: 0;
  padding: 0;
  display: inline;
  overflow: hidden;
}
li{
  list-style-type: none;
  margin: 0;
}
ul{
  padding: 0;
  margin: 0;
}
h1{
  margin: 0 0.2rem 0 0;
  padding: 0;
  display: inline;
  font-family: Libre Baskerville, Helvetica, Helvetica Neue, Arial;
  font-size: 5rem;
  font-weight: 400;
}
h3{
  text-align-last: auto;
  margin: 0;
  font-family: Libre Baskerville, Helvetica, Helvetica Neue, Arial;
  font-size: 2.4rem;
  line-height: 2.6rem;
  font-weight: 400;
  border-bottom: 2px #333 solid;
}
h5{
  margin: 0;
  text-align: left;
  font-size: 1.2rem;
  line-height: 2.6rem;
  font-weight: 400;
  float: left;
}
nav{
  margin: 0;
  padding: 0;
}
nav a{
  font-family: Open Sans, Helvetica, Helvetica Neue, Arial;
  font-size: 1.6rem;
  line-height: 2.5rem;
  font-weight: 400;

}
.navbar{
  background-color: white;
  border: 0;
  margin: 0;
}
.navbar-collapse{
  padding:0;
}
.navbar-header{
  color: black;
}
nav ul{
  width: 100%;
}
ul.nav li{
  float: none;
  display:  inline-block;
  vertical-align: bottom;
}
body{
  padding-top: 0;
  font-family: Open Sans, Helvetica, Helvetica Neue, Arial;
  font-size: 1.6rem;
  line-height: 2.5rem;
  font-weight: 400;
  text-align: justify;
  text-align-last: justify;
}
body a:hover{
  text-decoration: underline;
  color: #333;
}
footer{
  background-color: white;
  border: 0;
}
footer .container{
  background-color: #222;
  border-color: #080808;
  color: white;
}
footer a{
  color: white;
}
footer a:hover{
  color:white;
}
.content{
  //margin-top: 6vh;
}
@media (max-width: 768px) {
  .nav.navbar-nav img{
    max-width: 18vh;
  }
  .content{
    //margin-top: 2vh;
  }
}
/*TALMUD TOP STYLES*/
.top{

}
#top-left{
  background: #2ca05f;
  padding-top: 1rem;
}
#top-right{
  background: #17a6b6;
  padding-top: 1rem;
}
/*TALMUD MID TOP STYLES*/
.mid-top{
  display: table;
  margin-bottom: 1%;
}
.mid-top::before,
.mid-top::after{
  content: none;
}
#mid-top-left{
  background: #2ca05f;
  height: 100%;
  float: none;
  display: table-cell;
  vertical-align: top;
  text-align-last: left;
}
#mid-top-mid{
  text-align: justify;
  text-align-last: justify; 
  float: none;
  display: table-cell;
  vertical-align: top; 
}
#mid-top-mid li,
#mid-bot-mid li{
  font-size: 3rem;
  line-height: 9rem;
  font-family: Libre Baskerville, Helvetica, Helvetica Neue, Arial;
}
#mid-top-right{
  background: #17a6b6;
  float: none;
  display: table-cell;
  vertical-align: top;
}
/*TALMUD MID BOT STYLES*/
.mid-bot{
  display: table;
}
#mid-bot-left{
  background: #222222;
  color: white;
  float: none;
  display: table-cell;
  vertical-align: top; 
  padding-top: 1rem;
}
#mid-bot-left a{
  color: white;
  font-weight: bold;
}
#mid-bot-left h3{
  border-bottom: 2px white solid;
}
#mid-bot-mid{
  float: none;
  display: table-cell;
  vertical-align: top; 
}
/*TALMUD BOTTOM STYLES*/
.bot{
  display: table;
}
#bot-left{
  float: none;
  display: table-cell;
  vertical-align: top;
  background: #222222;
  padding-right: 15px;
  padding-left: 15px;
  color: white;
}
#bot-right{
  float: none;
  display: table-cell;
  vertical-align: top;
  padding-top: 1rem;
}
#bot-left a{
  color: white;
  font-weight: bold;
  float: none;
  display: inline;
  vertical-align: top;
}
#bot-right h3{
  text-align: right;
  margin-bottom: 5px;
}
#bot-right li.social{
  display: inline;
}
/*TALMUD STYLES*/
.col-xs-6{
  width: 49.5%;
}
#bot-right.col-xs-5{
  padding: 0;
  padding-left: 0.5%;
}
#bot-right .pad{
  padding: 15px 15px 15px 15px;
  background: #ed6658;
  margin-bottom: 1%;
}
#top-left,
#bot-left{
  margin-right: 0.5%;
}
#top-right,
#bot-right{
  margin-left: 0.5%;
}
#bot-right{
  margin-bottom: 1%;
}
/*STYLES FOR JQUERY*/
.invisible{
  //opacity: 0;
}
/*EMAIL POPUP*/
#form-content .label{
  color: #333;
  display: inline-block;
}
#form-content .modal-body{
  text-align: left;
  text-align-last: left;
}



#mid-mid .top{
  //height: 37.9rem;
  background: #ffffff;
}
#mid-mid span{
  
  font-size: 3rem;
}
#mid-mid .bot{
  background: #ffffff;
  width: 133%;
}
#mid-mid-2{
  background: #ffffff;
  width: 79%;
  float: left;
  //height: 10.4rem;
  margin-top: 1rem;
  text-align: justify;
  //text-align-last: justify;
}


#bot-left-float{
  float: right;
  background: #222222;
  width: 33%;
  //height: 2rem;
  margin-bottom: 2%;
  margin-top: -0.5%;
}
#bot-mid{
  clear: left;
  background: #222222;
  width: 56%;
  float: left;
  //height: 10rem;
  margin-right: 1%;
  padding: 0 0px 0 0.5%;
}

/*------------CONTACT ME------------*/
#social{
  float: left;
  padding: 0;
  margin: 0.5rem 0 0 0;
}
#social li{
  margin: 0 3rem;
  padding: 0;
  float: left;
}
#social a{
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 4rem;
  //height: 3rem;
}
#social-name h3{
  margin: 0 1rem 0 0;
}
#email{
  background-image: url(../img/email.png);
}
#fbook{
  background-image: url(../img/fbook.png);
}
#in{
  background-image: url(../img/in.png);
}
#insta{
  background-image: url(../img/insta.png);
}
#twitter{
  background-image: url(../img/twitter.png);
}
/*------------CONTACT ME END------------*/
/*------------BODY FORMATTING END------------*/
/*------------TEXT SIZINGS------------------*/
.white{
  color: #ffffff;
}
.justify{
  display: inline;
}
.justify:after{
  display: inline-block;
  width: 100%;
  content: "";
  font-size: 0;
}
.second{
  margin-top: -2.4rem;
}
h2.second{
  margin-top: -4.5rem;
}
.emph{
  margin-top: -2.4rem;
  letter-spacing: 0.25rem;
}
.third{
  margin-top: -15px;
  word-spacing: -0.1rem;
}
.title-right{
  float: left;
  margin: 0.5rem 0 0.4rem 0;
  border-bottom: 0.3rem solid #222222;
  width: 100%;
}
.title{
  float: left;
  margin: 0.5rem 0 0.2rem 0;
  border-bottom: 0.3rem solid #222222;
  width: 100%;
}
.title-right h3{
  float: right;
}
.inner-text{
  clear: left;
  text-align: justify;
  //text-align-last: justify;
}
#top-left .inner-text,
#bot-mid .inner-text{
  padding: 0.5rem 0.5rem 0.5rem 0;
}
#bot-left .inner-text{
  padding: 0rem 0.5rem 0.5rem 0;
}
#top-right .inner-text{
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}
.inner-text h4{
  padding: 0;
}
.inner-text-small{
  margin-top: -0.3rem;
  padding: 0px 0.5rem 0.5rem 0.5rem;
  clear: left;
  text-align: justify;
}
strong{
  font-weight: 700;
}

.p{
  margin: 0;
  padding: 0;
  display: inline;
  overflow: hidden;
}
.p:after{
  display: inline-block;
  width: 100%;
  content: "";
  font-size: 0;
}
h2{
  margin: 0;
  padding: 0;
  font-family: Open Sans, Helvetica, Helvetica Neue, Arial;
  font-size: 36px;
  font-weight: 400;
  display: inline;
}
.h2{
  margin: 0;
  padding: 0;
  font-family: Open Sans, Helvetica, Helvetica Neue, Arial;
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 45px;
  line-height: 4.5rem;
  font-weight: 400;
  display: inline;
}
.h2:before{
  content: '';
  display: block;
  width: 100%;
  margin-bottom: -1.2em;
}
h2:after{
  content: "";
  display: inline-block;
  width: 100%;
}

h3{

}
h4{
  font-family: Roboto, Helvetica, Helvetica Neue, Arial;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 26px;
  line-height: 2.6rem;
  font-weight: 500;
  margin: 0;
  display: inline-block;
}

/*------------TEXT SIZINGS END------------------*/