body {
	
	margin:0;
    padding:0;
	border:0;
	font-family:verdana;
	
	 
	
}


p   {
	
    
    margin-top: 0px; 
    font-size: 17px;
    line-height: 1.7em;
    font-family:verdana;
	color:#333;
}




h1  {
	
    font-family:verdana;
    color: #333;
    font-size: 29px;
    font-weight: bold;
	 
}







h2 {
	
    color: #333;
    font-weight: bold;
    font-size: 25px;
    font-family: verdana;
	margin-top: 55px; 
	margin-bottom: 15px;
	
}





h3 {
	
    color: #333;
    font-weight: bold;
    font-size: 20px;
    font-family: verdana;
	margin-top: 40px; 
	margin-bottom: 15px;
	
}







 




.wrapper {
	
	max-width:960px;
    margin-left:auto;
	margin-right:auto;
	
}



.burgerbar {
	
    background:#fffcdc;
	max-height: 60px;
    height: 60px;
	padding-right: 30px;
    padding-left: 30px;

	
	
}





.logo {
	
	float:left;
	
}




.logo img {
	
	float:left;
	margin-top: 6px;
	width:213px;
	
}





.socials {
	
	float:right;
	margin-top:17px;
	
}


.socials img {
	
	width:26px;
	
}



.nav {
	
	background:#eedc4e;
	max-height: 34px;
    height: 34px;
	padding-right: 30px;
    padding-left: 30px;
	
}




.home {
	
	float:left;
	margin-right: 10px;
	
}



.home img {
	
	width:32px;
	
}




 
.dropbtn {
  background: #f2f3d2;
  color: #776060;
  padding: 8px;
  font-size: 14px;
  border: none;
  cursor: pointer;
}

 
.dropbtn:hover, .dropbtn:focus {
  background-color: #fffcdc;
}

 
.dropdown {
  position: relative;
  float:right;
}

 
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fffcdc;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

 
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

 
.dropdown-content a:hover {
	
	background-color: #eedc4e; color:white;
	
}

 
.show {display:block;}








 



.content {
	
	margin-top: 45px;
	padding-left: 20px;
    padding-right: 20px;
	overflow: hidden;
    margin-bottom: 150px;
	 
	
}



.content a{
	
	color:black;
	 
	
}


 


.main {
	
	float:right;
	width:70%;
	
}



.content li {
	
	line-height:28px;
	
}	
	


.main img {
	
	 
	width:100%;
	
}




.indextopimg {
	
	 
	 margin-bottom:15px;
	
}








.main li {
	
	 
	line-height:1.7em;
	
}




.toppostimage {
	
	 
   margin-bottom:15px;
	
}






.author {
	
	 
   margin-top:50px;
   margin-bottom:15px;
   border-top:2px #d8dee3 solid;
   padding-top:7px;      text-decoration: none;
	
}.author a {		    text-decoration: none;      	}.pros {	    background: #eaffea;	padding: 1px 8px 1px 8px; 	margin-bottom: 16px;    border: 1px solid gray;    border-radius: 12px;}

.cons {	    background: #fdf0f0;	padding: 1px 8px 1px 8px;    border: 1px solid gray;    border-radius: 12px;}




.yt {
	
	 
  position: relative; 
  padding-bottom: 56.25%; 
  padding-top: 30px; 
  height: 0; 
  overflow: hidden; 
	
}




.yt iframe, .yt object, .yt embed { 


    position: absolute;
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	
}
	
	
	
	
	
.tst {


   padding:8px;
   border:solid 1px gray;
   background:#ddffe9;
   margin-bottom:18px;


}	






.tstsection {


   margin-top:30px;


}	






.tstname {


    font-weight: bold;



}	




.tstcom {


    font-style: italic;



}	





.footer {
	
   
  background-color:#a59f63;
  clear:both;
  overflow:hidden;
  padding-bottom: 30px;
  
}


 
 .disclaimer {
	
  font-size:15px;
  color:gray;
  padding-left: 20px;
  padding-right: 20px;
  
}
 
 
 
 
 
 
.legalpages {
	
  
  text-align:center;
  margin-top:28px;
  margin-bottom:15px;
  
}



.legalpages a {
	
   text-decoration:none;
   color:gray;
   margin-right:15px;
   font-size:14px;
  
 }
 
 
 
 
 
 .pagesfooter {
	
  
  text-align:center;
  margin-top:28px;
  margin-bottom:15px;
  
}



.pagesfooter a {
	
   text-decoration:none;
   color:#f5f1c7;
   margin-right:15px;
   font-size:14px;
  
 }
 
 
 
 
 
 
 


.copyright  {
	
   text-decoration:none;
   color:gray;
   font-size:14px;
   text-align:center;
   margin-bottom:15px;
  
 }
 
 


@media (min-width: 965px) and (max-width: 1110px) {
	
	
	
.main {
	
   
    width: 67%;
	
}
  
  
  
  
}











@media (min-width: 888px) and (max-width: 964px) {
	
	
	
.main {
	
   
    width: 64%;
	
}
  
  
  
  
}










@media (min-width: 812px) and (max-width: 887px) {
	
	
	
.main {
	
    width: 67%;
	
}
  
  
  
  
.sticky {
	
    width: 230px;
	
}  





.sidebar {
	
    width: 230px;
	
} 
  
  
  
  
}












@media (min-width: 200px) and (max-width: 811px) {
	
	
	
.main {
	
    width: 90%;
	float:none;
	margin-left: auto;
    margin-right: auto;
	
}
  
  
  
  
.sticky {
	
    width: 90%;
	display:none;
	
}  





.sidebar {
	
    width: 90%;
	float:none;
	
} 
  
  
  
  
}










@media (min-width: 200px) and (max-width: 452px) {
	
	
	
.search {
	
   
    display:none;
	
}



.socials {
	
   
    display:none;
	
}
  
  
  
  
}









.toppostimage img {
	
   
    width:100%;
	
	
}