/* * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; 
}		
*/
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  }
html  { 
height: 100%;
width: 100%;
margin:0px auto;
font-size:1rem
}
body {
font-family: 'Poppins', Geneva, sans-serif;
line-height: 1.4;
margin:0px auto;
width:98%;
background:rgba(189,227,252,1);/*rgba(72,111,13,.75) rgba(11,67,129,0.75)* rgba(125,200,250,0.50)*/
color:rgba(3,26,117,1.00);	
padding:50px 0px 10px 0px;
}
@media screen and (min-width:768px){
body {
width:96%;
max-width:1100px
}
}


/* =========== navigation ==========*/
/* === navigation ==== */
.navbar.navbar-default.navbar-fixed-top {
width:98%;
max-width:1100px;
margin:0px auto; 
padding:0px;
background:rgba(189,227,252,0.9);
border-bottom-color:rgba(3,26,117,1.00);
}
.navbar.navbar-default.navbar-fixed-top a,
.navbar-default .navbar-nav .open .dropdown-menu > li > a{
color:rgba(3,26,117,1.00);
font-weight:700;
text-decoration:none
}
.navbar.navbar-default.navbar-fixed-top a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{
color:rgba(3,26,117,1.00);
font-weight:700;
text-decoration:underline
}
@media screen and (min-width:768px){
.navbar.navbar-default.navbar-fixed-top {
width:96%;
}	
}
.navbar-brand {
margin-top:-10px;	
}
.navbar-brand img {
float:left	
}
.navbar-default .navbar-collapse {
border-top-color: rgba(3,26,117,1.00);
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 80px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 0.8rem;
  text-align: left;
  list-style: none;
  background-color: rgba(189,227,252,1);
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  /*border: 1px solid red;*/
  border: 1px solid rgba(3,26,117,1.00);
  border-radius: 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.dropdown-menu > li > a:hover {
background-color:transparent
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
background-color: transparent;
color:rgba(3,26,117,1.00);
}
.navbar-default .navbar-toggle {
border-color:transparent;
background-color:rgba(189,227,252,1);	
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:active{
border-color:transparent;
background-color:rgba(189,227,252,1);
}
.navbar-default .navbar-toggle .icon-bar  {
background-color:rgba(3,26,117,1.00);	
}



/* ======== footer ======== */
footer {
text-align:center;
font-size:0.8rem;
margin:0px auto
}
/* ======== sections ======== */
section{
display: flex;
flex-wrap: wrap;
/*decorations*/
	max-width:100%;
	margin:0px auto 20px auto;
	background:none;
	padding:0px;
	
}
article{
display: flex;
flex-grow: 1;
align-items: stretch;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 20px;
/*decorations*/
	margin-bottom: 0px;
    box-sizing: border-box;
	background:#fff;
	padding:20px;
}
article.left {
width:100%;
margin-right:0px;
margin-bottom:20px;
}
article.left:only-child {
width:100%;
margin-right:0px;
margin-bottom:0px;
}
article.right {
width:100%;
margin-left:0px;
margin-bottom:0px;
}
article.solo {
width:100%;
margin-left:0px;
margin-bottom:0px;
}
@media screen and (min-width:768px){
article.left {
width:calc(50% - 20px);
margin-right:10px;
margin-bottom:0px
}
article.right {
width:calc(50% - 20px);
margin-left:10px;
margin-bottom:0px
}
article.left:only-child {
margin-right:0px;
}
}
article.narrower {
width:calc(30% - 20px);		
}
.details{
display: flex;
flex-direction: column;
width: 100%;

/*border: 1px solid #666;*/
}
.image{
width: 100%;
max-width: 100%;
}
.flex_image{
width: 100%;
max-width: 100%;
height: auto;
flex: none;
margin-bottom:0px;
margin-left:auto;
margin-right:auto
}
.flex_image:last-child{
margin-bottom:0px;
margin-top:0px
}
.reduced {
max-width:30%
}
@media screen and (min-width:768px){
.reduced {
max-width:55%
}
}
h1, h2, h3, h4{
padding: 0px;
margin: 0px 0px 0px 0px;
}
.description {
flex-grow: 1;
margin-top:0px;
}
p {
margin:0px 0px 10px 0px;
padding:0px
}
p:last-child {
margin-bottom:0px
}
p:only-child {
margin-bottom:10px
}
p strong, section strong {
font-size:1rem
}
ul {
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 30px;
	line-height:1.8rem;
	font-size:0.9rem
	}
.slogan {
margin-bottom:0px; 
margin-top:0px;
line-height:normal;
    font-weight:bold;
    text-align:center
	}

	.stand_alone {
		margin-bottom:10px;
	}
	.stand_alone:last-child {
		margin-bottom:0px
	}
	.insider {
		margin-bottom:10px
	}
.bckgrnd_white {
		background-color:white
	}
div.paypal {
text-align:center;
  
}
.add_border {
	border:1px solid rgba(189,227,252,1) 
}
   .comments {
            display:flex;
            align-items:center
        }
    .comments img {
            margin-right:10px
        }
        .comments .sender {
            margin-right:10px
        }
        .comments .date {
            margin-right:10px;
            font-size: 0.7rem;
            color:inherit;
            line-height: 1rem
        }
        .btn.btn-lg {
            background-color:rgba(189,227,252,1); 
            color:navy;
            font-size:14px;
            font-weight:normal;
            margin-top:10px;
            border-color:navy
        }