* {
     box-sizing: border-box;
}
 iframe {
	 width: 90%;
	 height: 345px;
 }
 
 body {
     margin-top:2%;
     margin-bottom:2%;
     background-color:#ABF;
}

header, nav {
	background-color:#FFA;
	max-width: 1600px;
	min-width: 80%;
	margin: auto;
	border-radius: 35px;
}

nav {
	font-size: 2.0em;
}

footer {
	background-color:#FAA;
	max-width: 1600px;
	min-width: 80%;
	margin: auto;
	padding: 10px;
	border-radius: 10px;
}

 h1 {
     padding: 5px;
     font-family: Consolas;
     font-size: 2.3em;
     text-decoration:underline;
	 text-align: center;
}
 h4 {
     padding: 1px;
     font-family: "Arial Black";
     font-size: 1.9em;
	 text-align: center;
}
 p {
     font-family: Tahoma;
     font-size: 1.5em;
     text-indent: 50px;
}

/*Direct Link Text*/
.dl {
	text-align:center;
	text-indent: 0px;
	font-size:0.85em;
}

.noindent {
	text-indent: 0px;
}

 .posts div {
     border: dotted gray 2px;
	 padding: 2%;
}

main {
	max-width: 90%;
	margin: auto;
}

div:nth-child(odd) {
	background-color:#F6F6F6;
}

div:nth-child(even) {
	background-color:#FDFDFD;
}

/*BREAKPOINT 1*/
 @media screen and (min-width: 1601px) {

      .collapseDiv div {
         max-width: 49%;
         display:inline-block;
         vertical-align: top;
         border: dotted gray 2px;
	 min-width: 49%;
    }
	p  {
		font-size: 125%;
	}
}
/*BREAKPOINT 2*/
 @media screen and (min-width: 2561px) {


     .collapseDiv div {
        max-width: 24%;
         display: inline-block;
         vertical-align: top;
         border: dotted gray 2px;
	min-width: 24%;
    }
	p {
		font-size: 150%;
	}
}
 a:link {
     color:#CC0000;
}
 a:visited {
     color:#555555;
}
 a:hover {
     color:#F11;
}
/* Center Text */
 .tcenter {
     text-align:center;
}
 .vph {
	 width: 90%;
	 height: 345px;
	 border: solid 1px;
 }