html,

a  {
    color: #0000EE !important;
}

a:visited {
    color: #800080 !important;
}

body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}

body {

      background-color: #FFF7C6;
      padding-top: 60px;      
      font-family: "Times New Roman", Times, serif;
      font-size: 18px;

    }

.box {
  width:205px;
  height:105px;
  background:#ffffff;
  border-style:double;

}


.box-text {
      
      margin: 0;
      padding: 0.2em;    
      font-size: 22px;
      font-weight: bold;
      text-decoration: underline;
      text-align: center;
}

.container-fix {

      
      width: 200px;
      display: block;
      width: auto;
      max-width: 100%;
}

footer {
      
      text-decoration: none;  
      padding: 50px;
      position: absolute;
      left: 0;
      right: 0;
      width: 100%;
}


h2 {
     padding-bottom: 10px;
     
}


h3 {

   font-weight: bold;

}

.image {
  opacity: 1;
  display: block;
  transition: .2s ease;
  backface-visibility: hidden;
}


.image:hover {
  opacity: 0.5;
}



li {
    margin: 0;
    padding: 0.2em;
}
.list-group-item {
      color: #0000EE !important;
      background-color: #FFF7C6 !important; 
      border: none;
      margin: 0;
      padding: 0.2em;
      line-height: 1.2em;
      font-size: 16px;
      list-style: none;
      text-decoration: underline;
}

.list-group-item-1 {
      
      background-color: #FFF7C6; 
      border: none;
      margin: 0;
      padding: 0.2em;
      line-height: 1.2em;
      font-size: 16px;
      list-style: none; 
      text-decoration: none;
}

.navbar-brand {
  padding: 0px;
}
.navbar-brand>img {
  height: auto;
  padding: 15px;
  width: auto;
}



.navbar-default {
    background-color: #FAE55C !important;
    border-color: none;
}

.nav>li>a:focus, .nav>li>a:hover {
        text-decoration: none;
        background-color: transparent !important;
  }

.navbar-nav > li{
  
  padding-right:5px;
}


section {  
    padding-top:80px;
    margin-top:-80px;
}

.reset-box-sizing, .reset-box-sizing *, .reset-box-sizing *:before, .reset-box-sizing *:after,  .gsc-inline-block
    {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }
input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus, .gsc-search-button
    {
        box-sizing: content-box;
        line-height: normal;
    }

.row-align {

        padding-left:15px;
}

/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }
  
  .sidebar-offcanvas {
    position: absolute;
    width: 60%; /* 6 columns */
    display: none;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-right.active
  .sidebar-offcanvas {
    display: block;  
    right: 0;
    top: 0;
    z-index: 1;
  }

  .row-offcanvas-right.active {
    
  }

}

.row-no-margin {
   margin-left: -40px;
   margin-right: 0px;
} 

.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}


@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}