@media only screen and (max-width: 700px) {
    .btn{
        margin-top:20px;
    }
}


    body, a, li, p, ul, div, h1, h2, h3, h4, h5, h6{
        font-family: Helvetica Neue, Arial, sans-serif !important;
    }
    .col-lg-4{
        margin-top:20px !important;
    }
    .col-lg-6{
        margin-top:20px !important;
    }
    .b-row{
        margin-top:20px !important;
    }
        .btn:hover {
    color: white;
    text-decoration: none;
}
    
 
    .main-color{
        background-color:rgba(124, 1, 182, .44) !important;
        color:white !important;
    }
    .main-color a{
        color:white !important;
        text-transform:uppercase;
    }
    .title{
    font-size: 30.4px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 18px;
    text-align: center
    
    }
    .center {
        text-align: center;
    }
   
    .nav-link{
        color:white;
    }
.text-primary{
        color:white !important;
    }
    .border{
        width:85%;
    }
    .banner_txt{
        
    font-size: 15.4px;
    color: #acacac;
         } 
    
    .center-logo{
        margin-top:10%
    }
    .bg-gray{
        background-image: url( "/media/static/Homepage.png");
       height: 600px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
    .spaced{
        width:90% !important;
        padding:20px !important;;
        margin:auto !important;;
    }
.home_logo{
    width:200px; 
    height:auto; 
    margin:auto;"
    }
    .border-bottom{
        border-bottom: solid 1px rgba(0, 0, 0, .4);
    }
    .navbar-text{
        color:white !important;
    }
    .stats{
           text-transform:uppercase;
        }

    @media only screen and (max-width: 600px) {
 
        .center-logo{
        margin-top:20%
    }
         .title{
    font-size: 18.4px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 18px;
    text-align:center;
    }
        .home_logo{
    width:100px; 
    height:auto; 
    margin:auto;"
    }
         .spaced{
        width:90% !important;
        padding:0px !important;;
        margin:auto !important;;
    }
        
    .bg-gray{
        background-image: url( "/media/static/Homepage.png");
       height: 300px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
}

  #sortable { list-style-type: none; }