body {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 13pt;
   background: url("images/grey1.jpg");
   margin: 0px;
}

#title {
   color: #222222; 
   font-size: 29px; 
   font-weight: bold;
   padding-left: 20px;
}

h1 {
   color: steelblue;
   text-shadow: .5px .5px 3px #000000;
   font-size: 28pt;
   font-weight: bold;
   margin-top: 10px;
   margin-bottom: 10px;
   margin-left: 55px;
}

h2 {
   color: white;
   font-size: 13pt;
   font-weight: normal;
   margin-top: 0px;
   margin-bottom: 0px;
}

h3 {
   color: black;
   font-size: inherit;
   font-weight: bold;
   margin-top: 0px;
   margin-bottom: 0px;
}

#video {
   margin-left: 10px;
   border: 4px solid steelblue;
}

.ast {
   color: red;
   font-weight: bold;
}
.topbox {
   background: white;
   background-image: url("images/logo-desktop.png");
   background-repeat: no-repeat;
   border-bottom: 8px solid steelblue;
   width: 100%;
   height: 95px;
}

.whitebox {
   background: transparent;
   color: steelblue;
   padding-left: 5px;
   padding-right: 5px;
   padding-bottom: 2px;
   padding-top: 2px;
   border: 0px solid transparent;
   border-radius: 13px;
   text-decoration: none;
   margin-top: 0px;
   font-size: 15px;
   white-space: nowrap;
   font-weight: normal;
   line-height: 140%;
}

.whitebox:hover {
   background: steelblue;
   color: white;
   cursor: pointer;
}

.youtube {
   background: transparent;
   color: red;
   padding-left: 5px;
   padding-right: 5px;
   padding-bottom: 2px;
   padding-top: 2px;
   border: 0px solid transparent;
   border-radius: 13px;
   text-decoration: none;
   margin-top: 0px;
   font-size: 10pt;
   white-space: nowrap;
   font-weight: normal;
   line-height: 140%;
}

.youtube:hover {
   background: red;
   color: white;
   cursor: pointer;
}

.section {
   width: 400px;
   overflow-y: auto;
   float: left;
   height: 494px;
   background: white;
   margin-left: 58px;
   margin-top: 8px;
   margin-bottom: 30px; 
   margin-right: 0px; 
   border: 4px solid steelblue;
   padding: 0px;
}


.content {
   padding-top: 0px;
   padding-left: 8px;
   padding-right: 8px;
   padding-bottom: 5px;
   color: black;
   text-align: left;
   font-size: 14px;
   font-weight: Normal;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   background: transparent;
   border-radius: 15px;
}


@media (max-width: 1050px){
.topbox {
   background-image: url("images/logo-tablet.png");
   background-repeat: no-repeat;
   background-size: contain;
   width: 100%;
   height: 95px;
}
.section {
   width: 90%;
   margin-left: 15px;
}
#video {
   width: 90%;
}
}

@media (max-width:420px){
.topbox {
   background-image: url("images/logo-mobile.png");
   background-repeat: no-repeat;
   background-size: contain;
   width: 100%;
   height: 50px;
}
.section {
   width: 94%;
   height: 100%;
   margin-left: 5px;
}
#video {
   width: 95%;
   margin-left: 5px;
}
#title {
   font-size: 17px;
   padding-left: 5px;
}
.whitebox {
      line-height: 200%;
}
#utube {
   display: none;
}
}