body {
 margin: 0;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}


a.blog-link:link{
   color: #0198E1;
            text-decoration: none;
}

a.blog-link:hover {
 color: #BFEFFF;
 }

 a.blog-link:active {
 color: #236B8E;
 }


 a.blog-link:visited {
   color: #0198E1;
 }

#blog_box{
    margin-top: 0px;
    background:transparent;
    position: relative;
    padding: 20px 0 10px 0;
    font-family: 'Raleway', sans-serif;
    letter-spacing: 1.3px;
    line-height: 2;
     margin-left: auto;
    margin-right: auto;
}

#legalese_title{
    font-size: 21px;
}

#blog_content{
    width: 85%;
    margin: 0px auto 30px auto;
    background:transparent;
    position: relative;
    padding: 30px 0 10px 0;

}

#blog_container{
    max-width: 1020px;
    width: 100%;
    margin: 100px auto 10px auto;
    background:yellow;
    position: relative;
    padding: 0px 0 10px 0;
}

.blog-img-a {
    margin: 20px auto 1px 30px;
    width: 100%;
    max-width: 500px;
    height: auto;
    float: right;
}

.blog_container figcaption {
    font-family: 'DM Serif Display', serif;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: #999999;
}

#quick-links-box {
    color: #609bd7;
    width: 96%;
    background: #eff5fb;
    padding: 3px 5px 10px 21px;
    border-radius: 25px;
    border: 2px solid #609bd7;
    margin-bottom: 27px;
    font-size: 15px;
}

#quick-links-box a {
    color: #609bd7;
}


.blog_questions {
    margin: 0 0 -3px 0;
    font-family: 'Raleway', sans-serif;
    letter-spacing: 1.3px;
    line-height: 2;
    font-size: 18px;
    font-weight: bold;
    color: #000000;
}

.blog-blurb-left {
    font-size: 24px;
    font-family: 'DM Serif Display', serif;
    letter-spacing: 1.4px;
    font-weight: 700;
    line-height: 1.3;
    margin: 20px 0px 50px 0;
    padding: 20px;
    border: 3px solid #ff0000;
    border-width: 0 0 0 4px;
    float: left;
    clear: both;
    color: black;
}

.blog_paragraph{
    margin: 4px auto 1px auto;
        font-family: 'Raleway', sans-serif;
    letter-spacing: 1.3px;
    line-height: 2;
    font-size: 18px;
 font-weight: 500;
 color: #666666;
}

.blog-section{
    font-family: 'DM Serif Display', serif;
    font-size: 23px;
    font-weight: 600;
     letter-spacing: 1.3px;
  line-height: 1;
  color: #222222;
}

h1 {
    font-size: 40px;
    font-weight: 600;
    font-family: 'DM Serif Display', serif;
    letter-spacing: 1.4px;
    font-weight: 700;
    line-height: 1.3;
    color: black;
}

.blog-writer {
  font-size: 15px;
  font-weight: 600;
  font-family: 'Raleway', sans-serif;
  letter-spacing: 1.3px;
  margin-bottom: 1px;
  color: black;
}

.blog-date {
  font-size: 15px;
  font-weight: normal;
  font-family: 'Raleway', sans-serif;
  letter-spacing: 1.3px;
  margin: 1px 0 30px 0;
  color: black;
}

#blog-subhead {
  font-size: 20px;
  font-weight: normal;
  font-family: 'Raleway', sans-serif;
  font-style: normal;
  letter-spacing: 1px;
  line-height: 1.3;
  color: #333333;
  margin-top: -20px;
}

.blog-subhead-border {
  height: 10px;
  width: 300px;
  margin: 10px 0 20px 0;
  border:3px solid #ff0000;
        border-width:4px 0 0 0;
}

 .social-box {
      width: 100%;
      max-width: 1000px;
      height: auto;
      background: none;
      text-align: center;
      margin: 10px auto 20px auto;
    }

    a.social-button {
     -webkit-appearance: button;
     -moz-appearance: button;
     appearance: button;
     text-decoration: none;
     color: initial;
     width: 20%;
     max-width: 200px;
     height: 40px;
     margin: 1px 10px 1px 10px;
     border-radius: 500px;
     background: #000000;
     color:#FFFFFF;
     font-size: 19px;
     padding: 5px;
}

    .blog-snippet-box {
        width: 100%;
        max-width: 740px;
        min-height: 130px;
        height: auto;
        margin: 20px 0px 50px -2%;
        padding: 10px 15px 40px 20px;
        background: #FFFFFF;
        border:1px solid #dddddd;
        border-width:1px 1px 1px 1px;
        clear: both;
        position:  relative;
        border-radius: 10px;
        box-shadow: 0px 12px 10px -10px #999999;
          -webkit-box-shadow: 0px 9px 15px -7px #999999;
        box-sizing: border-box;
    }

    .blog-snippet-title {
        font-size: 24px;
        font-family: 'DM Serif Display', serif;
        letter-spacing: 1.4px;
        font-weight: 700;
        line-height: 1.3;
        margin: 5px 0 10px 0;
        padding: 0;
    }

    .read-full-blog-link {
      font-size: 17px;
      font-family: 'DM Serif Display', serif;
      letter-spacing: 1.4px;
      font-weight: 900;
      line-height: 1.3;
      margin: -10px 5px 20px 10px;
      padding-bottom: 20px;
      color: orange; /*609bd7*/
      float: right;
      position:  relative;
    }

    .read-full-blog-link a:link {
      color: #609bd7;
    }

    .read-full-blog-link a:hover {
      color: #add8e6;
    }

    .read-full-blog-link a:visited {
      color: #609bd7;
    }

    #scrollTop {
      width: 200px;
      max-width: 200px;
      height: 40px;
      border-radius: 500px;
      background: #000000;
      color:#FFFFFF;
      font-size: 19px;
    }

    #scrollTop:hover, .social-button:hover {
      background: #999999;
    }


    #scrollTop:active, .social-button:active {
      background: #FFFFFF;
      color: #000000;
      border:3px solid #000000;
    }

/*-------------------------------------------------------------------------
 *  *  Responsive
 *   *   @media (min-width: 300px)  and (max-width: 931px) { WAS
 *    *    @media (min-width: 820px)  and (max-width: 1000px) {
 *     *    -------------------------------------------------------------------------*/
 @media (min-width: 300px)  and (max-width: 931px){

    }




/*-------------------------------------------------------------------------
 *  *  Narrowest
 *   *   WAS @media (min-width: 300px)  and (max-width: 568px) {
 *    *   -------------------------------------------------------------------------*/
@media (min-width: 377px)  and (max-width: 1000px) {


}

    @media (min-width: 300px)  and (max-width: 815px) {
    #blog_content{
        margin: 100px auto 30px auto;
        background:transparent;

        padding: 10px 0 10px 0;

    }

    h1
{
    font-size: 33px;
    font-family: 'DM Serif Display', serif;
                                                                                                        letter-spacing: 1.2px;
                                                                                                        font-weight: 600;
                                                                                                        line-height: 1.3;
                                                                                                        background: transparent;
}


         }
/*-------------------------------------------------------------------------
 *  *  MICRO- Narrow
 *   *  -------------------------------------------------------------------------*/
@media (min-width: 300px)  and (max-width: 376px) {

}






@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}