html body
{
    font-family: 'Archivo Black', sans-serif;
    background-color: #1B1B1B;
}

.title-container
{
    text-align: center;
    padding-bottom: 2px;
}

.title-text, .update-text
{
    font-family: 'Archivo Black', sans-serif;
    font-size: 3.5vw;
}

.about-title {
    font-family: 'Archivo Black', sans-serif;
    color: #ED1B58;
    font-size: 2.25rem;  /* Or whatever specific size you want */
    text-align: center;
}

.update-text
{
    color:white;
    /*color:#1B1B1B;*/
}

.title-text
{
    color:#ED1B58;
}

@media only screen and (min-width: 768px)
{
    .title-text
    {
        font-size: 2rem;
    }

    .update-text
    {
        font-size: 2rem;
    }
}

.row.no-gutters {
  /*margin-right: 0;
  margin-left: 0;*/
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  /*padding-right: 0;*/
  /*padding-left: 0;*/
}
/*.stuff
{
    width: 850px;
    max-width: 100%;
    margin: 0 auto;
}*/

.padding-0
{
    /*padding-right: 0px!important;
    padding-left: 0px!important;
    padding-bottom: 0px!important;
    padding-top: 0px!important;*/
    padding-right: 5px!important;
    padding-left: 5px!important;
    padding-bottom: 5px!important;
    padding-top: 5px!important;
}

.container-tshirts
{
    width: 860px;
    max-width: 100%;
    margin: 0 auto;
}

.tshirt
{
    width: 100%;
}
.tshirt-button
{
    width: 200px;
    max-width: 100%;
    margin: 0 auto!important;
    text-align: center!important;
    padding-bottom: 5px;
    display:block;
}

.c-pink, .c-lime, .c-green
{
    /*padding-left: 4px!important;
    padding-right: 4px!important;
    padding-top: 4px!important;
    padding-bottom: 4px!important;*/
}

.c-pink { background:#e02c5e; }
.c-lime { background:#b8cd45; }
.c-green { background: #26ab52; }
.c-purple { background: #a6468e; }
.c-blue { background: #20bce5; }
.c-yellow { background: #e7bc36; }

.c-video-purple { background: #00A795; }

/*.tshirt:hover*/
/*{*/
    /*background: #1B1B1B;*/
    /*background:#b8cd45;*/
    /*background:rgba(255, 255, 255, 0.75);*/
    /*opacity: 0.5;*/
/*}*/

/*.tshirt img
{
    padding-right:0;
    padding-left:0;
}*/

.update-container
{
    text-align: center;
    /*background: #4e498f;*/
    width: 850px;
    max-width: 100%;
    margin: 0 auto;
}

.body-container
{
    text-align: left;
    width: 800px;
    max-width: 100%;
    margin: 0 auto;
}

.body-container h3
{
    /* color: white; */
    color: #ED1B58;
}

.body-container h5
{
    color: #ED1B58;
}

.body-container a:link, a:visited
{
    color:#ED1B58;
}

.body-container a:hover
{
    color: white;
}

.body-text {
    color: #f4f3f0;
    font-size: 1.4em;        /* Bigger text */
    font-family: Arial, sans-serif;
    font-weight: 300;
    line-height: 1.8;        /* More space between lines */
    margin-bottom: 25px;     /* More space between paragraphs */
}

.mode-name {
    color: #ED1B58;
    font-family: 'Archivo Black', sans-serif;  /* Keep your bold font for mode names */
}

.body-policy-text
{
    font-family: 'Arial', sans-serif;
    color: #f4f3f0;
}

.video-container
{
    margin: 0 auto;
    width: 850px;
    max-width: 100%;
    padding-bottom: 20px;
}

.title-logo
{
    margin: 0 auto;
    width: 850px;
    max-width: 100%;
}

#hover:hover
{
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

.deflect-gif
{
    padding-top: 10px;
    padding-bottom: 20px;
    margin: 0 auto;
    width: 850px;
    max-width: 100%;
}

.container-store
{
    background: #3b4496;
}

.container-buttons
{
    margin: 0 auto;
    width: 300px;
    max-width: 100%;
    padding-bottom: 10px;
}

.container-buttons:hover
{
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

.navbar a:link, a:visited
{
    color:#ED1B58;
}

.navbar
{
    padding-top: 10px;
    font-size: 1.5em;
}

.nav li
{
  display:inline-block;
}

.navbar a:hover
{
    color:#1B1B1B;
}

.navbar .navbar-nav
{
    display: inline-block;
    float: none;
}

.navbar .navbar-collapse
{
    text-align: center;
    box-shadow: none;
}

@media screen and (max-width:768px) and (min-width:440px)
/*@media screen and (max-width:768px) and (min-width:725px)*/
{
  .navbar-right {
    float: right!important;
  }
  .navbar-collapse.collapse {
    display: block!important;
    height: auto!important;
    overflow: visible!important;
    border: none;
    margin-right: 15px;
  }
  .navbar-nav>li {
    float: left;
  }
  .navbar-header {
    float: left
  }
  .navbar-toggle {
    display: none
  }
}

.col-ms-1,
.col-ms-2,
.col-ms-3,
.col-ms-4,
.col-ms-5,
.col-ms-6,
.col-ms-7,
.col-ms-8,
.col-ms-9,
.col-ms-10,
.col-ms-11,
.col-ms-12 {position:relative; padding-left:15px; padding-right:15px;}
@media (min-width: 480px) and (max-width: 767px) {
  .container {max-width:748px;}
  .col-ms-1,
  .col-ms-2,
  .col-ms-3,
  .col-ms-4,
  .col-ms-5,
  .col-ms-6,
  .col-ms-7,
  .col-ms-8,
  .col-ms-9,
  .col-ms-10,
  .col-ms-11 {float:left;}
  .col-ms-1 {width:8.33333333%;}
  .col-ms-2 {width:16.66666667%;}
  .col-ms-3 {width:25%;}
  .col-ms-4 {width:33.33333333%;}
  .col-ms-5 {width:41.66666667%;}
  .col-ms-6 {width:50%;}
  .col-ms-7 {width:58.33333333%;}
  .col-ms-8 {width:66.66666667%;}
  .col-ms-9 {width:75%;}
  .col-ms-10 {width:83.33333333%;}
  .col-ms-11 {width:91.66666667%;}
  .col-ms-12 {width:100%;}
  .col-ms-pull-0 {right:auto;}
  .col-ms-pull-1 {right:8.33333333%;}
  .col-ms-pull-2 {right:16.66666667%;}
  .col-sm-pull-3 {right:25%;}
  .col-sm-pull-4 {right:33.33333333%;}
  .col-sm-pull-5 {right:41.66666667%;}
  .col-sm-pull-6 {right:50%;}
  .col-sm-pull-7 {right:58.33333333%;}
  .col-ms-pull-8 {right:66.66666667%;}
  .col-ms-pull-9 {right:75%;}
  .col-ms-pull-10 {right:83.33333333%;}
  .col-ms-pull-11 {right:91.66666667%;}
  .col-ms-pull-12 {right:100%;}
  .col-ms-push-0 {left:auto;}
  .col-ms-push-1 {left:8.33333333%;}
  .col-ms-push-2 {left:16.66666667%;}
  .col-sm-push-3 {left:25%;}
  .col-sm-push-4 {left:33.33333333%;}
  .col-sm-push-5 {left:41.66666667%;}
  .col-sm-push-6 {left:50%;}
  .col-sm-push-7 {left:58.33333333%;}
  .col-ms-push-8 {left:66.66666667%;}
  .col-ms-push-9 {left:75%;}
  .col-ms-push-10 {left:83.33333333%;}
  .col-ms-push-11 {left:91.66666667%;}
  .col-ms-push-12 {left:100%;}
  .col-ms-offset-0 {margin-left:0;}
  .col-ms-offset-1 {margin-left:8.33333333%;}
  .col-ms-offset-2 {margin-left:16.66666667%;}
  .col-ms-offset-3 {margin-left:25%;}
  .col-ms-offset-4 {margin-left:33.33333333%;}
  .col-ms-offset-5 {margin-left:41.66666667%;}
  .col-ms-offset-6 {margin-left:50%;}
  .col-ms-offset-7 {margin-left:58.33333333%;}
  .col-ms-offset-8 {margin-left:66.66666667%;}
  .col-ms-offset-9 {margin-left:75%;}
  .col-ms-offset-10 {margin-left:83.33333333%;}
  .col-ms-offset-11 {margin-left:91.66666667%;}
  .col-ms-offset-12 {margin-left:100%;}
}