
/* Responsive layout */

 @media (max-width: 1366px) {
   
   .flex-container{

    width: 90%;

    min-height: 300px;

    margin: 0 auto;

    display: -webkit-flex; /* Safari */     

    display: flex; /* Standard syntax */
    
    flex-wrap:wrap;

}

.flex-container .columnone {

    padding: 10px;

   /* background: #dbdfe5;*/

    -webkit-flex: 1; /* Safari */

    -ms-flex: 1; /* IE 10 */

    flex: 1; /* Standard syntax */
    
    flex-basis:50%;
    margin-right:5px;
    

}

.flex-container .columntwo{

  /*  background: #b4bac0;*/
    flex-basis:40%;
}

.flex-container .columnthree{

  /*  background: #b4bac0;*/
  /*  flex-basis:40%; */
  /*  display:block; */
  /*  margin-left:auto; */
  /*  margin-right:auto; */
  display:none;
}  

.comments {
 width:100% !important; 
}
   
   
 }



@media only screen and (min-width: 360px) and (max-width: 768px) {

    .flex-container{

    width: 90%;

    min-height: 300px;

    margin: 0 auto;

    display: -webkit-flex; /* Safari */     

    display: flex; /* Standard syntax */
    
    flex-wrap:wrap;

}

.flex-container .columnone {

    padding: 10px;

   /* background: #dbdfe5;*/

    -webkit-flex: 1; /* Safari */

    -ms-flex: 1; /* IE 10 */

    flex: 1; /* Standard syntax */
    
    flex-basis:96%;
    display:block;
    margin-left:auto;
    margin-right:auto;
    
    

}

.flex-container .columntwo{

  flex-basis:96% !important;
    display:block;
    margin-left:auto;
    margin-right:auto;
}

.flex-container .columnthree{

  /*  background: #b4bac0;*/
  /*  flex-basis:40%; */
  /*  display:block; */
  /*  margin-left:auto; */
  /*  margin-right:auto; */
  display:none;
}  

.comments {
 width:100% !important; 
}

.video {
          width:300px;
          height:169px;
         }
         
        }








/* wide screen settings */

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size:10px;
  background-image: url('/Pictures/SitePictures/BookBackgroundSeamless.jpg') !important;
            background-attachment: fixed !important;
            background-repeat:repeat !important;
            background-position:center !important;
}

a {
       text-decoration:underline; 
      }

h1 {
  color:#0364c1;
  font-size:3.5em;
}

h2 {
 color:#1d1d82;
 font-size:2.5em;
 margin-top:5px;
}


h3 {
 color:green;
 margin-top:0px;
 margin-bottom:4px;
 margin-left:5px;
 padding-top:5px;
 font-size:2.8em;
}

h3 a {
 text-decoration:none; 
 color:green;
}

h3 a:hover {
 opacity:0.7; 
}

h4 {
 color:orange;
 font-size:2em;
margin-left:12px;

 
}

h5 {
 margin: -1px 10px -1px 5px;
 font-size:2.5em;
}

 a:hover {
       opacity:0.7; 
      }
      
      a {
       text-decoration:none; 
      }
      
ul li {
 font-size:1.6em; 
 
}

ol li {
 font-size:1.8em; 
 margin-bottom:5px;
}

 p {
 font-size:1.3em; 

}

blockquote {
 font-size: 1.3em;

}


blockquote p {
 font-size: 1.3em !important;

}

.caption {
 color:grey;
 width:70%;
 display:block;
 margin-left:auto;
 margin-right:auto;
 text-align:center;
 font-size:1.3em;
 margin-top:5px;
}

/* FLEX CONTAINERS */   

.flex-container{

    width: 90%;

    min-height: 300px;

    margin: 0 auto;

    display: -webkit-flex; /* Safari */     

    display: flex; /* Standard syntax */

}

.flex-container .columnone {

    padding: 10px;

   /* background: #dbdfe5;*/

    -webkit-flex: 1; /* Safari */

    -ms-flex: 1; /* IE 10 */

    flex: 1; /* Standard syntax */
    
    flex-basis:50%;
    margin-right:5px;
    

}

.flex-container .columntwo{

  /*  background: #b4bac0;*/
    flex-basis:40%;
}

.flex-container .columnthree{

  /*  background: #b4bac0;*/
    flex-basis:15%;
    padding-left:15px;
}


/* BLOG */

.blogPosts {
 background-color:#dfdffb;
 border: 1px solid #13137d;
 margin-bottom:5px;
 overflow:hidden;
 padding:20px;
}

.blogPosts p {
  font-size:2em;
  margin:5px;
  padding-bottom:5px;
}

.comments {
 width:90%;
/* display:block;*/
 margin-left:auto;
 margin-right:auto;
 color:blue;
}

.archivelist {
 margin-top:-20px;
}

.archivelist li {
 font-size:1.5em;
 list-style-type:none;
 
}

.TheArchiveList {
  margin-top:-3px;
  margin-left:12px;
}

 .video {
         margin:10px 0; 
        }
  
#subscribe {
  width:94%;
  display:block;
  margin-left:auto;
  margin-right:auto;
 /*  border: 1px solid #fff;*/
/*  box-shadow: 0 0 0 1px #bbb; */
  padding:30px;
/*  background: rgba(43, 120, 195, 0.6); */
 margin-top:12px;
}

.cont-button {
 background-color:#2b78c3;
 color:white;
 font-size:1.5em;
 padding:20px;
 display:block;
  margin-left:auto;
  margin-right:auto;
  border:none;
  border-radius:5px;
  margin-top: 50px;
  margin-bottom: 50px;
}

.cont-button:hover {
 opacity:0.7;
 cursor:pointer;
}


.socialmediawrapper {
  width:60%;
  display:block;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
   
}

.contributions {
  background: rgba(87, 248, 216, 0.6);
  width:87.5%;
  border: 1px solid #fff;
  box-shadow: 0 0 0 1px #bbb;
  display:block;
  margin-left:auto;
  margin-right:auto;
  margin-top:12px;
  padding:12px;
  text-align:center;
}
