#body{
word-wrap:break-word;
margin:0;
padding:0;
font-family:Source Sans Pro;
background-color:#fff;
text-align:center;}

#cont{
width:90%;
margin:auto;
max-width:1400px;}

#pheader{
text-align:center;}

#pheader img{
margin:auto;
height:auto;
width:90%;
max-width:500px;
border:none;}

h1{
text-align:center;
margin:0 12% 23px 12%;
font-size:25px;
font-weight:700;
color:#555;}

#textcont{
width:60%;
display:inline-block;
padding-left:5%;
vertical-align:top;}

#quotecont{
width:25%;
display:inline-block;
padding-left:5%;
vertical-align:top;}

#text{
margin:0 0 23px 0;
font-size:16px;
font-weight:400;
color:#333;}

#text2{
margin:0 0 23px 0;
font-size:23px;
color:#444;
font-style:italic;}

#quote{
text-align:left;
font-style:italic;
font-size:14px;
color:#7f7f7f;
margin-bottom:2px;}

#quoteref{
text-align:right;
font-size:15px;
margin-top:0px;
margin-bottom:0px;
font-style:initial;
color:#7f7f7f;}

#quote2{
text-align:center;
font-size:17px;
margin-top:0px;
color:#656565;}

a{
color:#656565;
text-decoration:none;}

.videoWrapper{
position:relative;
padding-bottom:56.25%;
padding-top:25px;
height:0;}

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

#imgcont{
width:90%;
margin:auto;
text-align:center;}

#imgcont img{
width:auto;
height:165px;
margin:.5%;
display:inline-block;
border:none;}

#joinus{
width:60%;
display:inline-block;
margin-left:20%;}

hr{
color:#ccc;
background-color:#fff;
height:1px;
width:80%;}

@media only screen and (max-width:600px){
#cont{
width:95%;
margin:auto;}

#textcont{
width:100%;
display:block;
padding-left:0;
vertical-align:top;}

#quotecont{
width:100%;
display:block;
padding-left:0%;
vertical-align:top;}
}

@media only screen and (max-device-width:480px){
#cont{
width:95%;
margin:auto;}

#textcont{
width:100%;
display:block;
padding-left:0;
vertical-align:top;}

#quotecont{
width:90%;
margin:auto;
display:block;
padding-left:0%;
vertical-align:top;}
}

#bestofbold{
margin:0 0 12px 0;
font-size:20px;
color:#555;
font-style:italic;}

#bestofh1{
margin:0 0 12px 0;
font-size:16px;
color:#222;
text-align:center;}

#bestoftext{
margin:0px 2% 11px 2%;
font-size:14px;
color:#333;}

#bestoftext a{
font-size:14px;
color:#333;}

#bestoftext a:hover{
color:#598598;}

#bestofquote{
margin:0 6% 23px 6%;
font-size:17px;
color:#555;
font-style:italic;}

#bestofquote a{
color:#333;
text-decoration:none;}

#primer{
width:65%;
margin:0 auto;}