/*
 * Style tweaks
 * --------------------------------------------------
 */
html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
	font-family: Arial,Tahoma,Times New Roman,Verdana,Comic Sans MS;  /* Added by us */

}
body {
  padding-top: 70px;
}
footer {
  padding: 30px 0;
}

.jumbotron {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eee;
}

/*
 * 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;
  }

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

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

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -50%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 50%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%; /* 6 columns */
  }
}

/* Added by us */

/* Colours */
/* Beneteau Grey: #254045 */
/* Beneteau Light Grey: #394958 */
/* Off-White: #e6e6e6 */

.navbar-fixed-top
{
  /*background-color:#0000ff;*/
	background-color:#394958;
}

.jumbotron h1, .jumbotron h2, .jumbotron p
{
 /*color:#394958;*/
 color:#e6e6e6;
}

.dropdown-toggle
{
 background-color:#394958;
}

.dropdown-menu
{
 background-color:#394958;
}

.nav.navbar-nav li a
{
color:#ffffff;
}

.nav.navbar-nav li a:hover
{
color:#b3b3b3;
}

.btn.btn-primary.btn-xs
{
 background-color:#394958;
}

.btn-log
{
 width:80px;
}

.div-twitter
{
 height:400px;
 overflow-y:auto;
 margin-top:20px;
 margin-bottom:20px;
}

footer
{
 color:#ffffff;
 margin-top:10px;
 background-color:#394958;
}

footer a
{
color:#ffffff;
}

footer a:hover
{
color:#b3b3b3;
}

/* Make the nabar collapse earlier because of the number of menu items */
/* 26/04/20204 Added Sea Apple to menu */
/*@media (max-width: 991px) {*/
@media (max-width: 1200px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}
@media only screen and (min-width: 768px) {
.modal-dialog-centered {
	max-width: 90%;
	}
}

@media only screen and (min-width: 992px) {
.modal-dialog-centered {
	max-width: 80%;
	}
}

@media only screen and (min-width: 1200px) {
.modal-dialog-centered {
	max-width: 50%;
	}
}

.carousel-caption {
	background: rgba(189, 190, 193, .75)
	/*color: #000;*/
}

/* row using flexbox to force columns to be the same height */ 
.row-flexbox	{
	display: flex;
	flex-wrap:wrap;
}