body {
  font-size: 16px;
  font-family: 'Barlow', sans-serif;
  background-color: white;
  padding-top: 4rem;
  color: black;
}

/* FONTS*/

@import url('https://fonts.googleapis.com/css?family=Barlow:300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&effect=outline|emboss|3d|3d-float|anaglyph');

@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&effect=outline|emboss|3d|3d-float|anaglyph');

@import url("https://fonts.googleapis.com/css?family=Montserrat:400,400i,700,700i,800,800i&effect=outline|emboss|3d|3d-float|anaglyph");

@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,500,500i,600,600i,700,700i,800,800i&effect=outline|emboss|3d|3d-float|anaglyph|shadow");

/* NavBar */
.navbar-custom {
    margin-bottom: 0;
    border-bottom: 0;
    text-transform: uppercase;
    background-color: #007bff;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#007bff, endColorstr=#663399);
    background-image: -moz-linear-gradient(left bottom, #007bff 10%, #663399 100%);
    background-image: -webkit-linear-gradient(left bottom, #007bff 10%, #663399 100%);
    background-image: -ms-linear-gradient(left bottom, #007bff 10%, #663399 100%);
    background-image: linear-gradient(left bottom, #007bff 10%, #663399 100%);
    background-image: -o-linear-gradient(left bottom, #007bff 10%, #663399 100%);
    background-image: -webkit-gradient(linear, left bottom, right top, color-stop(10%,#007bff), color-stop(100%,#663399));
}

.navbar-custom.navbar a {
    -webkit-transition: background .4s ease-in-out;
    -moz-transition: background .4s ease-in-out;
    transition: background .4s ease-in-out;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #fff;
    font-size: .75rem;
}

.navbar-custom .nav li a:link, a:visited {
  background-color: #f44336;
  color: white;
  padding: 14px 25px;/*1rem 1.5rem;*/
  text-align: center; 
  text-decoration: none;
  display: inline-block;
}

a:hover, a:active {
  background-color: rgba(255,255,255,.3);
}

.navbar-custom .nav li a:hover {
    color: rgba(255,255,255,.8);
    text-decoration: none;
}

@media(min-width:768px) {
    .navbar-custom {
        padding: 15px;
        border-bottom: 0;
    }
    .navbar-custom.top-nav-collapse {
        padding: 10px 15px;
    }
}








/* LOGO */

.logo{
  border: .05rem solid white;
}

.logo-icon-box {
  color: white;
  width: 1.8rem;
  height: 1.8rem;
  margin: 0 auto;
  /*margin: 0 3rem 0 1rem;*/
  /*border: 0rem solid black;*/
  
  background-color: #fa1899;   

  
/*  background-color: rgb(255, 25, 167);    */
/*  background: -moz-linear-gradient(45deg, rgba(203,96,179,1) 0%, rgba(173,18,131,1) 50%, rgba(222,71,172,1) 100%);    */
/*  background: -webkit-linear-gradient(45deg, rgba(203,96,179,1) 0%,rgba(173,18,131,1) 50%,rgba(222,71,172,1) 100%);    */
/*  background: linear-gradient(45deg, rgba(203,96,179,1) 0%,rgba(173,18,131,1) 50%,rgba(222,71,172,1) 100%);    */
/*  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb60b3', endColorstr='#de47ac',GradientType=1);    */



line-height: 1.8rem;
font-size: 1.8rem;
text-align: center;
font-weight: 900;

vertical-align: baseline;
}



.logo-text-box {
  
  
  /*margin: 0 auto;*/
  /*margin: 0 3rem 0 1rem;*/
 /* border: 1px solid black;*/
  
  
  line-height: 1.8rem;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.0rem;
  letter-spacing: .10rem;
  font-weight:800;

  color: #FFFFFF;
  /*background-color: rgb(0, 182, 255);*/
  text-decoration: none;

}


/* LINKS */

a:link { 
    text-decoration: none; 
  } 
  a:visited { 
    text-decoration: none; 
  } 
  a:hover { 
    text-decoration: none; 
  } 
  a:active { 
    text-decoration: none; 
  }

.no-underline {
    text-decoration: none;
}
/* LAYOUT */

.main > * {
  padding: 0rem 0rem 0rem .25rem;
  
}