/*Site Style*/

h1 { font-family: TimesNewRoman, Times New Roman, Times, Baskerville, Georgia, serif;  font-style: normal; font-size: 36px; font-variant: normal; font-weight: 700; line-height: 40px; color: #ea1517;} 
h3 { font-family: TimesNewRoman, Times New Roman, Times, Baskerville, Georgia, serif;  font-style: normal; font-size: 28px; font-variant: normal; font-weight: 700; line-height: 30px; color: #ea1517;} 
h4 { font-family: TimesNewRoman, Times New Roman, Times, Baskerville, Georgia, serif;  font-style: normal; font-size: 26px; font-variant: normal; font-weight: 700; line-height: 15.4px; color: #ea1517;} 
p { font-family: TimesNewRoman, Times New Roman, Times, Baskerville, Georgia, serif;  font-style: normal; font-size: 22px;font-variant: normal; font-weight: 400; line-height: 24px; color: #333333;} 
ul { font-family: TimesNewRoman, Times New Roman, Times, Baskerville, Georgia, serif;  font-style: normal; font-size: 24px;font-variant: normal; font-weight: 400; line-height: 20px; } 
blockquote { font-family: TimesNewRoman, Times New Roman, Times, Baskerville, Georgia, serif;  font-style: normal; font-size: 28px; font-variant: normal; font-weight: 400; line-height: 30px; } 
pre { font-family: TimesNewRoman, Times New Roman, Times, Baskerville, Georgia, serif;  font-style: normal; font-size: 24px; font-variant: normal; font-weight: 400; line-height: 18.5667px; }
figcaption { font-family: TimesNewRoman, Times New Roman, Times, Baskerville, Georgia, serif;  font-style: normal; font-size: 24px; font-variant: normal; font-weight: 400; line-height: 18.5667px; }


.navbar-header {
    float: left;
    padding: 15px;
    text-align: center;
    width: 100%;
}
.navbar-brand {float:none;}

.navbar{

  border-bottom : 2px solid;
  border-bottom-color: #ea1517;
  background-color: white;

}


.jumbotron {
  
  background-image: url("/img/Jumbo_Background_800x600_v2.jpg");
  background-size: cover;
  
  min-height: 250px;


  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  /*background-size: cover;*/
  margin-top: 1%;

}

.post-content {
    top:30%;
    left:45%;
    position: absolute;
    width:40%;

}

.thumbnail{
    position:relative;

}


.text-divider{margin: 2em 0; line-height: 0; text-align: center;}
.text-divider span{background-color: #ea1517; padding: 1em; color:white;}
.text-divider:before{ content: " "; display: block; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #f7f7f7;}

.card {
        margin: 0 auto; /* Added */
        float: none; /* Added */
        margin-bottom: 10px; /* Added */
}

.vcenter {
    display: flex;
    align-items: center;
}

.vbottom {
    display: flex;
    align-items: baseline;
}

.carousel-inner img {
  margin:0 auto;
  width:80%;
}

.footer{
  
  background-color: #231f20;
  border-top-style: solid;
  border-top-color: #ea1517;
  border-top-width: 2px;
}


.carousel-indicators .active{
  background-color: #ea1517 !important;
  border-color: #eddddd !important;
}

.carousel-control-prev-icon {
 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ea1517' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ea1517' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}




@media screen and (max-width: 991px) {
  
  .post-content {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width:50%;
      margin-left:15%;
      font-size: 12px;

    }

    .post-content > h3 {
      color:#ea1517;
    }

    .post-content > h4 {
      color:#ea1517;
    }

    .post-content > p {
      color:#01020f;

    }

    .post-content-img{

      margin-left:5%;

    }

    .landpage{
      text-align: center;


    }

   
     .jumbotron {
      

      margin-top: 20%;

    }

    

    .broken_base{
      text-align:center;
    }

    .versaplak_base{
      text-align:center;

    }



}


@media screen and (max-width: 767px) {

  .post-content {
      position: absolute;
      top: 65%;
      left: 30%;
      transform: translate(-50%, -50%);
      width:80%;
      margin-left:15%;
      

    }

    .post-content > p{

      font-size:18px;
      line-height: 24px;
    }

    .post-content > h4{

      
      line-height: 26px;
    }

    .post-content > h3{

      
      line-height: 24px;
    }

    .jumbotron {
      
      margin-top: 92%;      
      height:100%;
      background-size: cover;

      


    }
/*
    .jumbotron > p{

      font-size:20%;
      margin-left: 0%; 
      padding-top: 10%;  
    }
*/
    .jumbotext{
        
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);


    }

    .customisation > h4{
      line-height:110%;
      margin-top:5%;

    }

    .laurin{

      margin-top:10%;
    }

    .footer_note > h3{

      font-size: 18px;
      padding-top:3%;
    }

}