#main_img{
    width: 80%;
}

h1{
  font-weight: 500;
  color: black;
  font-size: 40px;
}

#blog_feed p{
    width: 80%;
    font-size: 17px;
    margin-top: 20px;
    color: #333;
    text-align: justify;
}
#blog_feed h2, #blog_feed h3{
    font-size: 30px;
    margin-top: 50px;
    width: 80%;
}
#blog_list{
  text-align: left;
}
#codeBox{
  margin-top: 10px;
  width: 80%;
  display: block;
  background: #333;
  border: 5px solid #000;
  color: white;
  padding: 20px 50px;
  border-radius: 20px;
  line-height: 30px;
}
#codeBlock{
  margin-left: 50px;
  width: 80%;
  text-align: left !important;
}
code{
  text-align: left !important;
}
#blog_feed h4{
    font-size: 25px;
    margin-top: 50px;
    text-align: initial;
    width: 80%;

}
#blog_feed ul{
    text-align: initial;
    width: 80%;
    color: #444;
    font-size: 15px;
}
#blog_feed a{
    color: blue;
    text-decoration: none;
    cursor: pointer;
}
#blog_feed_img{
    width: 60%;
    margin-top: 50px;
}
#img_source{
    color: #ccc;
    width: 80%;
    margin-top: 20px;
    display: inline-block;
    font-style: italic;
}



.p-large, .p-large li{
    font-family: arial;
    font-size: 17px;
    color: #777;
}
.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
#block_qb{
    background: #000;
    color: #fff;
    box-shadow: 8px 5px 12px 1px #ccc;
    border: none;
    border-radius: 5px;
    width: 100%;
    min-height: 200px;
}

#sideBanner{
  padding: 50px 50px;
  border: 5px solid #000;
  border-radius: 20px;
  /* background-image: linear-gradient(25deg, #1a1a76, #583697, #8c55b8, #c176db); */
  background-image: linear-gradient(25deg, #750c33, #951539, #b51e3e, #d72744);
  box-shadow: 4px 4px 4px #ccc;
  text-align: center;
  width: 250px;
  position: -webkit-sticky; /* Safari & IE */
  position: sticky;
  top: 100px;
}
#sideBanner2{
  padding: 50px 50px;
  border: 5px solid #000;
  border-radius: 20px;
  background-image: linear-gradient(25deg, #1a1a76, #583697, #8c55b8, #c176db);
  /* background-image: linear-gradient(25deg, #750c33, #951539, #b51e3e, #d72744); */
  box-shadow: 4px 4px 4px #ccc;
  text-align: center;
  width: 250px;
  position: -webkit-sticky; /* Safari & IE */
  position: sticky;
  top: 100px;
}
#bannerHead{
  font-size: 23px;
  color: #fff;
  font-weight: 400;
}

#bannerH4{
    font-size: 30px;
    margin-top: 50px;
    width: 80%;
}

#signupbutton{
  color: white;
  font-size: 17px;
  padding: 10px 20px;
  background: black;
  font-weight: 400;
  position: relative;
  text-decoration: none;
  border-radius: 30px;
  border: none;
}
#signupbutton a{
    color: white;
}
#examplevideo{width: 480px;}
#ytvid{width:560px; height:315px;}

#earlyaccessform{width: 440px;height: 57px;box-shadow: 1px 0px 4px #ccc;margin-top: 20px;border-radius: 30px;}
#apply_access_btn{display: inline;position: relative;top: 0px;background: #000;color: white;height: 57px;border-radius: 30px;border-top-left-radius: 0px;border-bottom-left-radius: 0px;right: -7px;padding-right: 23px;}
#apply_access_email{left: 20px;outline: none !important;border: none;width: 60%;top: 2px;height: 36px;position: relative;}

#listTable{
  text-align: left;
}

#bottom_ga{
  background: #ff0000;color: #fff;font-size: 18px;font-weight: 500;text-decoration: none;padding: 8px 18px;border-radius: 20px; margin-left: 10px;
}
#banner_text{
  font-size: 16px;font-weight: 300;font-family: 'Fira Sans', sans-serif;
}
#align_text_center{
  text-align: center !important;
}
#indent{
  padding-left: 15px;
}

@media screen and (max-width: 600px) {
  h1{ font-size: 27px; }
  iframe{ width: 340px; }
  #blog_feed p{
    text-align: left;
  }
  #examplevideo{width: 90%;}
  #ytvid{width:90%; height:auto;}
  #earlyaccessform{ width: 80% !important; }
  #apply_access_btn{ height: 40px; top: 40px; border-top-left-radius: 30px; border-bottom-left-radius: 30px; padding: 5px 15px; right: 0px;}
  #apply_access_email{left:10px; top:10px; }
  #apply_access_s{margin-top: 55px;}
  #apply_access_e{margin-top: 55px;}
  #banner_text{
    font-size: 12px;
  }
  #bottom_ga{
    font-size: 12px;
    padding: 5px 14px;
  }
  h1{
    font-size: 19px;
    margin-top: -30px;
    line-height: 30px;
  }
  .ex-basic-1{
    padding-top: 4rem;
  }
  .ex-basic-2{
    padding-top: 1rem;
  }
}