body {
   max-width: 700px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 0;
   padding-top: 0;
   background: #ddd;
   font-family: Blinker, sans-serif;
   font-size: 20px;
}

@font-face {
   font-family: "Blinker";
   src: url("fonts/Blinker-Regular.ttf");
}

@font-face {
   font-family: "Blinker";
   src: url("fonts/Blinker-SemiBold.ttf");
   font-weight: bold;
}

#gohome {
   margin-bottom: 20px;
}

section {
   margin-left: auto;
   margin-right: auto;
}

#heading {
   text-align: center;
}

h1 {
   color: RGB(42,67,153);
   font-size: 60px;
   font-weight: bold;
   margin-top: 0;
   margin-bottom: 0;
   vertical-align: top;
   font-family: Blinker, sans-serif;
   text-align: center;
   display: inline-block;
}

h2 {
   font-family: Blinker, sans-serif;
   color: maroon;
   font-size: 40px;
   font-weight: bold;
   margin-top: 0;
   margin-bottom: 5px;
   padding-top: 0;
   padding-bottom: 0;
   text-align: center;
   display: inline-block;
}

h3 {
   font-family: Blinker, sans-serif;
   color: maroon;
   font-size: 35px;
   font-weight: bold;
   margin-top: 0;
   margin-bottom: 5px;
   padding-top: 0;
   padding-bottom: 0;
   text-align: center;
}

#raquo {
   font-family: Blinker, sans-serif;
   color: maroon;
   font-size: 40px;
   font-weight: bold;
   margin-top: 0;
   margin-bottom: 5px;
   padding-top: 0;
   padding-bottom: 0;
   text-align: center;
}

#subtitle {
   text-align: center;
}

.more-apps {
   text-align: center;
   font-size: larger;
   margin: 0;
}

hr {
   margin-top: 0;
   margin-bottom: 0;
   padding-bottom: 0;
   padding-top: 0;
   height: 2px;
   background: RGB(42,67,153);
}

ul {
   margin-top: 0;
   margin-bottom: 0;
}

.books {
   width: 700px;
   margin-left: auto;
   margin-right: auto;
   padding: 10px;
   margin-bottom: 20px;
   background: white;
   font-size: 28px;
   color: black;
   border: 5px solid RGB(42,67,153);
   border-radius: 12px;
   box-sizing: border-box;
   text-align: center;
}

.section1 {
   width: 700px;
   margin-left: auto;
   margin-right: auto;
   padding: 0;
   margin-bottom: 20px;
   background: white;
   font-size: 28px;
   color: black;
   border: 5px solid RGB(42,67,153);
   border-radius: 12px;
   box-sizing: border-box;
}

.clear {
   clear: both;
}

.copyright {
   text-align: center; 
   font-weight: bold; 
   padding: 5px;
   color: black;
}

a {
   background: white;
   color: RGB(42,67,153);
   padding-left: 5px;
   padding-right: 5px;
   padding-bottom: 0;
   padding-top: 0;
   margin-left: 10px;
   border: 3px solid transparent;
   text-decoration: none;
   font-size: 25px;
   font-weight: bold;
   line-height: 39px;
}

a:hover {
   background: #ddd;
   border: 3px solid transparent;
   color: RGB(42,67,153);
}

a#home, a#home:hover {
   background: transparent;
   padding: 0;
   border: none;
   color: inherit;
   text-decoration: none;
   font-size: inherit;
   font-weight: inherit;
   line-height: inherit;
}

#back {
   background: transparent;
   padding-left: 12px;
   padding-right: 12px;
   padding-top: 0;
   padding-bottom: 0;
   border: none;
   color: RGB(42,67,153);
   text-decoration: none;
   font-size: 40px;
   font-weight: bold;
   border-radius: 8px;
}

#back:hover {
   background: RGB(42,67,153);
   padding-left: 12px;
   padding-right: 12px;
   border: none;
   color: white;
   text-decoration: none;
}

.booklinks {
   background: transparent;
   color: RGB(42,67,153);
   padding-left: 5px;
   padding-right: 5px;
   padding-bottom: 0;
   padding-top: 0;
   border: 3px solid transparent;
}

.booklinks:hover {
   background: transparent;
   border: 3px solid transparent;
   color: transparent;
}

#bcflag {
   display: inline-block;
}
   
#canflag {
   display: inline-block;
}

.earnmoney {
   font-size: 20px;
   background: white;
   font-family: Blinker, sans-serif;
}
   
.disclaimer {
   width: 660px; 
   height: 160px;
   font-size: 20px;
   background: white; 
   border: white;
   font-family: Blinker, sans-serif;
}
   
.youtube-video {
   width: 560px; 
   height: 315px;
}

#youtube {
   text-align: center;
   padding-top: 15px;
   padding-bottom: 10px;
   width: 700px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 20px;
   background: white;
   font-size: 28px;
   color: black;
   border: 5px solid RGB(42,67,153);
   border-radius: 12px;
   box-sizing: border-box;
}





@media screen and (max-width:1180px){

.hide-br {
   display: block;
   margin-bottom: 10px;
}
.disclaimer {
   width: 580px; 
   height: 150px;
   font-size: 18px;
   background: white; 
   border: white;
   font-family: Blinker, sans-serif;
}

}





@media screen and (max-width:780px){

.section1, .books, #youtube {
   width: 96%;
}
a {
   font-size: 18px;
   line-height: 28px;
}
.youtube-video {
   width: 476px; 
   height: 268px;
}
.disclaimer {
   width: 100%; 
   height: 200px;
   font-family: Blinker, sans-serif;
}

}




@media only screen and (max-width:600px){
.youtube-video {
   width: 280px; 
   height: 158px;
}
#youtube {
   width: 96%;
   padding-right: 10px;
   padding-left: 10px;
   text-align: center;
}
body { 
   margin-left: 0;
		 margin-right: 0;
		 padding-left: 0;
		 padding-right: 0;
}
.disclaimer {
   width: 100%; 
   height: 280px;
   background: white;
}
section {
   width: 98%;
}
.section1 {
   width: 96%;
}
.books {
   width: 96%;
   margin-left: auto;
   margin-right: auto;
}
h1 {
   border: none;
   font-size: 35px;
		 margin-left: 0;
	  margin-bottom: 20px;
   white-space: normal;
   width: 98%;
}
h2 {
   font-size: 26px;
}
h3 {
   white-space: nowrap;
   font-size: 24px;
}
.copyright {
   width: 98%;
   text-align: center;
		 margin-left: 0;
		 margin-right: 0;
}
a#home, a#home:hover {
   background: transparent;
   padding: 0;
   border: none;
   color: inherit;
   text-decoration: none;
   font-size: 26px;
   font-weight: inherit;
   line-height: inherit;
}
a#back, a#back:hover {
   background: transparent;
   border: none;
   color: RGB(42,67,153);
   text-decoration: none;
   font-size: 26px;
   font-weight: bold;
}
#raquo {
   font-size: 26px;
}
a {
   background: transparent;
   color: RGB(42,67,153);
   text-decoration: none;
   font-size: 18px;
   font-weight: bold;
}
a:hover {
   background: RGB(42,67,153);
   color: white;
}
#bcflag {
   display: none;
}
#canflag {
   display: none;
}

}