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;
}

#clipboard2 {
   font-size: 22px;
   font-family: Blinker, sans-serif;
}

#table-of-contents {
   color: maroon;
   font-size: 24px;
}

.anchors {
   position: fixed;
   top: 250px;
   left: 10px;
   width: 230px;
   font-weight: bold;
   padding: 7px;
   background: white;
   color: RGB(42,67,153);
   font-size: 17px;
   text-align: center;
   border: 5px solid RGB(42,67,153);
   border-radius: 12px;
}

.topcorner{
   position: fixed;
   top: 10px;
   left: 10px;
   width: 230px;
   font-weight: bold;
   padding: 7px;
   background: white;
   color: RGB(42,67,153);
   font-size: 17px;
   text-align: center;
   border: 5px solid RGB(42,67,153);
   border-radius: 12px;
}

.link-to-us {
   position: fixed;
   top: 170px;
   left: 10px;
   width: 250px;
   cursor: pointer;
   margin-left: auto;
   margin-right: auto;
   padding-left: 7px;
   padding-right: 7px;
   padding-top: 7px;
   padding-bottom: 7px;
   background: white;
   font-size: 17px;
   font-weight: bold;
   color: RGB(42,67,153);
   border: 5px solid RGB(42,67,153);
   border-radius: 12px;
   box-sizing: border-box;
   text-align: center;
}

.link-to-us:hover {
   background: #DDDDDD;
}

.share-with-friends {
   position: fixed;
   top: 90px;
   left: 10px;
   width: 230px;
   font-weight: bold;
   padding-top: 7px;
   padding-bottom: 7px;
   padding-left: 7px;
   padding-right: 7px;
   margin: 0;
   background: white;
   color: RGB(42,67,153);
   font-size: 17px;
   text-align: center;
   border: 5px solid RGB(42,67,153);
   border-radius: 12px;
   cursor: pointer;
}

.share-with-friends:hover {
   background: #DDDDDD;
}

.arrow {
   font-weight: bold;
   text-align: center;
   font-size: 55px;
   margin: 0;
   padding: 0;
   padding-top: 5px;
   line-height: 30px;
   position: relative;
   top: -7px;
}

.arrow2 {
   font-weight: bold;
   text-align: center;
   font-size: 55px;
   margin: 0;
   padding: 0;
   padding-top: 5px;
   line-height: 40px;
   position: relative;
   top: -10px;
}

.quick-links {
   position: fixed;
   top: 10px;
   right: 10px;
   padding-top: 10px;
   padding-bottom: 0;
   padding-left: 10px;
   padding-right: 10px;
   background: white;
   text-align: center;
   border: 5px solid RGB(42,67,153);
   border-radius: 12px;
}

.maroon {
   color: maroon;
   letter-spacing: 1.5px;
}

.red-star {
   color: red;
}

#left {
   width: 48%; 
   float: left;
}

#right {
   width: 48%; 
   float: right;
}

.hr-height {
   color: transparent;
   background: transparent;
   height: 2px;
   border: 0;
}

#td-1 {
   width: 32%;
} 

#td-2 {
   width: 32%;
} 

#td-3 {
   width: 36%;
} 

#td-4 {
   width: 50%;
} 

#td-5 {
   width: 50%;
} 

#td-6 {
   width: 50%;
} 

#td-7 {
   width: 50%;
} 

#submit {
   width: 100px;
   height: auto;
   color: green;
   border: 4px solid green;
   border-radius: 8px;
   font-weight: bold;
   font-size: 22px;
   font-family: Blinker, sans-serif;
}

#submit:hover {
   background: #dddddd;
}

#google {
   text-align: center;
   margin-top: 0;
   margin-bottom: 0;
   vertical-align:middle;  
}

#input {
   font-family: Blinker, sans-serif;
   width: 355px;
   height: auto;
   background: #eeeeee;
   color: RGB(42,67,153);
   border: 4px solid RGB(42,67,153);
   border-radius: 8px;
   font-size: 22px;
   font-weight: bold;
   padding-left: 5px;
   padding-right: 5px;
}

#input:hover, #input:focus, #input:active {
   border: 4px solid RGB(42,67,153);
}

form {
   margin-top: 0;
   margin-bottom: 0;
   padding-top: 0;
   padding-bottom: 0;
}

#google-logo {
   display: inline;
   padding: 0;
   margin: 0;
   position: relative;
   top: 6px;
}

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

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

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

.contains-3-columns {
   width: 100%;
}

.mobile-topics {
   display: none;
}

.mobile-apps {
   display: none;
}

.mobile-microsoft {
   display: none;
}

#quick-links-mobile {
   display: none;
}

.applinks {
   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;
}

.youtube-list {
   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;
}

#youtube-desktop {
   display: block;
}

#youtube-mobile {
   display: none;
}

.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;
}

#how-to-set-home-page, #inline-share  {
   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;
}

.contact-form {
   width: 700px;
   margin-left: auto;
   margin-right: auto;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 10px;
   padding-bottom: 20px;
   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;
}

#heading {
   text-align: center;
}

#song1 {
   font-family: Blinker, sans-serif;
   font-size: 30px;
   text-align: center;
   margin-top: 0;
   margin-bottom: 0;
   color: RGB(42,67,153);
   font-weight: bold;
}

#song2 {
   display: none;
}

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;
}

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

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

.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;
   border: 3px solid transparent;
   text-decoration: none;
   font-size: 24px;
   font-weight: bold;
   line-height: 34px;
   border-radius: 7px;
}

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

a.anchor-links {
   background: white;
   color: RGB(42,67,153);
   padding-left: 5px;
   padding-right: 5px;
   padding-bottom: 0;
   padding-top: 0;
   border: 3px solid transparent;
   text-decoration: none;
   font-size: 17px;
   font-weight: bold;
   line-height: 27px;
   border-radius: 7px;
}

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


.imglink {
   background: white;
   color: RGB(42,67,153);
   padding-left: 0;
   padding-right: 0;
   padding-bottom: 0;
   padding-top: 0;
   border: 1px solid transparent;
   text-decoration: none;
}

.imglink:hover {
   background: white;
   border: 1px solid transparent;
   color: white;
}

.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;
}

.ms-store {
   background: white;
   color: RGB(42,67,153);
   padding-left: 5px;
   padding-right: 5px;
   padding-bottom: 0;
   padding-top: 0;
   border: 3px solid transparent;
   text-decoration: none;
   font-size: 26px;
   font-weight: bold;
   line-height: 38px;
   border-radius: 7px;
}

.ms-store:hover {
   background: transparent;
   border: 3px solid transparent;
   color: RGB(42,67,153);
}

#earnmoney {
   font-size: 20px;
   font-family: Blinker, sans-serif;
}

.table {
   width: 100%;
   margin-left: 15px;
   margin-bottom: 15px;
}

.disclaimer {
   width: 660px; 
   height: 145px;
   background: white; 
   border: white;
   font-family: Blinker, sans-serif;
}

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

.more-apps-hide {
   text-align: center;
}

textarea {
   background: white;
   color: navy;
   font-family: monospace;
   font-size: 20px;
   border: 5px solid transparent;
   font-weight: bold;
}

textarea:hover {
   border: 5px solid navy;
}

#link-to-us2 {
   overflow: hidden;
}

.hide-br {
   display: none;
}


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

.quick-links {
   display: none;
}
.topcorner {
   display: none;
}
.share-with-friends, .link-to-us, .anchors {
   display: none;
}
.hide-br {
   display: block;
   margin-bottom: 10px;
}
.disclaimer {
   width: 580px; 
   height: 150px;
   background: white; 
   border: white;
   font-family: Blinker, sans-serif;
}


}





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

.section1, .books, .applinks, .youtube-list, #google-search, #how-to-set-home-page {
   width: 96%;
}
#song1, #song2 {
   font-size: 18px;
}
.link-to-us {
   display: none;
}
.contact-form {
   width: 98%;
}
a {
   font-size: 18px;
   line-height: 28px;
}
#inline-share {
   display: none;
}
.disclaimer {
   width: 98%; 
   height: 170px;
   background: white; 
   border: white;
   font-family: Blinker, sans-serif;
}
#earnmoney {
   font-size: 18px;
   font-family: Blinker, sans-serif;
}

}




@media screen and (max-width:600px){
body { 
   margin-left: 0;
		 margin-right: 0;
		 padding-left: 0;
		 padding-right: 0;
}
.section1 {
   margin-left: auto;
   margin-right: auto;
   width: 96%;
}
.disclaimer {
   width: 98%; 
   height: 280px;
   background: white;
}
#earnmoney {
   font-size: 16px;
   font-family: Blinker, sans-serif;
}
.books {
   width: 96%;
   margin-left: auto;
   margin-right: auto;
}
#how-to-set-home-page {
   display: none;
}
.applinks {
   font-size: 12px;
   margin-left: auto;
   margin-right: auto;
   width: 96%;
}
.youtube-list {
   font-size: 12px;
   margin-left: auto;
   margin-right: auto;
   width: 96%;
}
#youtube-desktop {
   display: none;
}
#youtube-mobile {
   display: block;
}
#google-search {
   font-size: 12px;
   margin-left: auto;
   margin-right: auto;
   width: 96%;
}
a {
   font-size: 21px;
   line-height: 32px;
}
h1 {
   border: none;
   font-size: 35px;
		 margin-left: 0;
	  margin-bottom: 20px;
   white-space: normal;
}
h2 {
   font-size: 26px;
}
h3 {
   font-size: 24px;
}
#left {
   clear: both;
   width: 100%;
}
#right {
   clear: both;
   width: 100%;
}
#song1 {
   display: none;
}
#song2 {
   font-family: Blinker, sans-serif;
   font-size: 22px;
   text-align: center;
   margin-top: 0;
   margin-bottom: 0;
   color: RGB(42,67,153);
   font-weight: bold;
   display: block;
}
.copyright {
   width: 98%;
 		text-align: center;
   margin-left: 0;
   margin-right: 0;
}
#google-search {
   height: 220px;
}
#google-logo {
   position: relative;
   top: 10px;
   display: block;
   margin-left: 120px;
   margin-top: 7px;
   margin-bottom: 7px;
}
#google {
   position: relative;
   top: 20px;
}
#input {
   position: relative;
   top: -5px;
   font-size: 19px;
   width: 250px;
   margin-bottom: 7px;
}
#submit {
   position: relative;
   top: 3px;
}
#bcflag {
   display: none;
}
#canflag {
   display: none;
}
.mobile-topics {
   display: block;
}
.mobile-apps {
   display: block;
}
.more-apps-hide {
   display: none;
}
.mobile-microsoft {
   display: block;
}
.table {
   display: none;
}
.topcorner, .anchors, .link-to-us {
   display: none;
}
.quick-links {
   display: none;
}

}