#content { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
#content #holder { margin: 60px 0 60px; }
@media (max-width: 48em) { #content #holder { margin: 45px 0 25px; } }
#content h1 { margin: 0 0 50px; }
@media (max-width: 36em) { #content h1 { font-size: 30px; } }
#content h2 { margin: 0 0 20px; }
@media (max-width: 36em) { #content h2 { font-size: 22px; line-height: normal; } }
#content h3 { font-family: "Montserrat", sans-serif; font-weight: normal; font-size: 18px; font-weight: 500; line-height: normal; color: #ffffff; margin: 0 0 20px; }
@media (max-width: 36em) { #content p { font-size: 16px; } }
#content ul li { font-size: 18px; font-weight: 300; line-height: 1.67; color: #4a4a4a; color: #2b2b2b; }
#content img { width: 100%; max-width: 660px; }
#content .hero { margin-bottom: 100px; }
@media (max-width: 48em) { #content .hero { margin-bottom: 50px; } }
#content .hero h1 { margin: 0 0 20px; }
@media (max-width: 64em) { #content [class*='col-'] { text-align: center; } }
#content .github-pills { display: -ms-flexbox; display: flex; margin-top: 30px; -ms-flex-wrap: wrap; flex-wrap: wrap; }
@media (max-width: 64em) { #content .github-pills { -ms-flex-pack: center; justify-content: center; } }
#content .github-pills .pill { display: -ms-flexbox; display: flex; margin-right: 15px; margin-bottom: 15px; border-radius: 5px; border: solid 1px #707677; }
#content .github-pills .pill:last-of-type { margin-right: 0; }
#content .github-pills .pill a { padding: 4px 15px 5px; font-family: "Montserrat", sans-serif; font-size: 13px; font-weight: 500; text-decoration: none; color: #1b0c59; background-color: #efefef; border-radius: 5px 0 0 5px; transition: all 0.25s ease-in-out; }
#content .github-pills .pill a:visited { color: #1b0c59; }
#content .github-pills .pill a:hover, #content .github-pills .pill a:focus, #content .github-pills .pill a:active { color: #4f4384; }
#content .github-pills .pill a.count { padding: 4px 10px 5px; background-color: #ffffff; border-left: solid 1px #707677; border-radius: 0 5px 5px 0; }
#content .header-section { margin-top: 20px; width: 100%; }
#content .header-section h1 { text-align: center; margin-bottom: 20px; }
#content .terminal-wrapper { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding: 20px; border-radius: 10px; background-color: #1b0c59; }
#content .terminal-wrapper .terminal-body { padding: 20px; border-radius: 10px; background-color: #0e0632; -ms-flex: 1; flex: 1; margin-bottom: 15px; }
#content .terminal-wrapper .terminal asciinema-player .control-bar, #content .terminal-wrapper .terminal asciinema-player .loading, #content .terminal-wrapper .terminal asciinema-player .start-prompt { display: none; }
#content .terminal-wrapper .terminal .asciinema-player-wrapper { text-align: left; }
#content .terminal-wrapper .terminal .asciinema-terminal { background-color: #0e0632 !important; border-color: #0e0632 !important; font-family: monospace !important; font-size: 13px !important; font-weight: 300 !important; color: #ffffff !important; }
#content .affiliates { margin: 30px 0 30px; }
#content .affiliates [class*='col-'] { text-align: center; }
#content .affiliates a { display: -ms-inline-flexbox; display: inline-flex; }
#content .affiliates a:hover img { opacity: 0.75; }
#content .affiliates img { width: 100%; height: auto; transition: all 0.25s ease-in-out; }
#content .affiliates .prp { max-width: 77px; }
#content .affiliates .cengn { max-width: 120px; }
#content .affiliates .crowdfox { max-width: 143px; }
#content .affiliates .cloudways { max-width: 98px; }
#content .affiliates .gini { max-width: 80px; }
#content .affiliates .radiosound { max-width: 139px; }
@media (max-width: 48em) { #content .affiliates .prp { max-width: 57px; }
  #content .affiliates .cengn { max-width: 100px; }
  #content .affiliates .crowdfox { max-width: 123px; }
  #content .affiliates .cloudways { max-width: 78px; }
  #content .affiliates .gini { max-width: 60px; }
  #content .affiliates .radiosound { max-width: 119px; } }
@media (max-width: 36em) { #content .affiliates .prp { max-width: 67px; }
  #content .affiliates .cengn { max-width: 110px; }
  #content .affiliates .crowdfox { max-width: 133px; }
  #content .affiliates .cloudways { max-width: 88px; }
  #content .affiliates .gini { max-width: 70px; }
  #content .affiliates .radiosound { max-width: 129px; } }
#content .features [class*='col-'] { text-align: center; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: center; align-items: center; }
#content .features img { width: auto; height: auto; }
#content .features .automate { max-width: 92px; }
#content .features .scale { max-width: 92px; }
#content .features .distribute { max-width: 86px; }
#content .features .provision { max-width: 102px; }
#content .features .manage { max-width: 169px; }
#content .features .elasticstorage { max-width: 93px; }
#content .features .opensource { max-width: 139px; }
#content .features .optimize { max-width: 131px; }
@media (max-width: 48em) { #content .features .automate { max-width: 72px; }
  #content .features .scale { max-width: 72px; }
  #content .features .distribute { max-width: 66px; }
  #content .features .provision { max-width: 82px; }
  #content .features .manage { max-width: 149px; }
  #content .features .elasticstorage { max-width: 73px; }
  #content .features .opensource { max-width: 119px; }
  #content .features .optimize { max-width: 111px; } }
@media (max-width: 36em) { #content .features .automate { max-width: 82px; }
  #content .features .scale { max-width: 82px; }
  #content .features .distribute { max-width: 76px; }
  #content .features .provision { max-width: 92px; }
  #content .features .manage { max-width: 159px; }
  #content .features .elasticstorage { max-width: 83px; }
  #content .features .opensource { max-width: 129px; }
  #content .features .optimize { max-width: 121px; } }
#content .features span { margin-top: 20px; font-family: "Montserrat", sans-serif; font-size: 13px; font-weight: 500; color: #2b2b2b; min-height: 80px; }
@media (max-width: 48em) { #content .features span { font-size: 12px; } }
@media (max-width: 36em) { #content .features span { font-size: 11px; } }
#content a:not(.button) { color: #2ac6ea; }
#content a:not(.button):visited { text-decoration: none; }
#content a:not(.button):hover, #content a:not(.button):focus, #content a:not(.button):active { color: #0e748b; text-decoration: underline; }
#content .providers h2 { text-align: center; }