@import url('https://fonts.googleapis.com/css2?family=Roboto&family=Big+Shoulders+Text:wght@700&display=swap');
@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.css";
html {
	position: relative;
  min-height: 100%;
  scroll-behavior: smooth;
}
body {
	background-color: #000;
	color: #fff;
}
body, p, td {
	font-family: 'Roboto', sans-serif;
	font-size: 1.0rem;
	line-height: 1.4em;
}
a {
	text-decoration: underline;
	color: #fff;
}
a.anchor {
    display: block;
    position: relative;
    top: -170px;
    visibility: hidden;
}
.btn-primary {
	background-color: #002582;
	border-color: #002582;
}
.btn-primary:focus {
	background-color: #002582;
	border-color: #002582;
}
.btn-primary:hover {
	background-color: #003DD6;
	border-color: #003DD6;
}
.container-fluid {
	padding: 0px;
}
.purple-bg {
	background-color: #442F64;
}
p.lead {
	font-size: 1.1em;
	line-height: 1.5em;
}
h3 {
	font-size: 2.2rem;
	
}
.navbar{
      position:absolute;
      width:100%;
      z-index:10;
      max-width:100%;
}
#homeCarouselCaption {
	position:absolute;
      z-index:15;
     width: 100%;
	 top: 120px;
}
#homeCarousel .carousel-item {
	height: 520px;
	background-size: cover;
}
.logo {
	font-family: 'Big Shoulders Text', sans-serif;
	font-size: 36px;
	margin-top: 10px;
	color: #fff;
}
header {
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: rgba(0,2,34,0);
	-webkit-transition: background-color 400ms linear;
    -moz-transition: background-color 400ms linear;
    -o-transition: background-color 400ms linear;
    -ms-transition: background-color 400ms linear;
    transition: background-color 400ms linear;
}
header.scrolled {
	background-color: rgba(0,2,34,1.0);
	border-bottom: 4px solid #002582;
}
.navbar {
	display: block;
    font-size: 1.0em;
	font-weight: normal;
	text-transform: uppercase;
	padding-left: 0;
	padding-right: 0;
	
}
.nav-item {
    margin-right: 6px;
	padding: 10px;
	font-size: 1.0em;	
}
.nav-item a {
    color: #fff;
	text-decoration: none;
}
.navbar-toggler {
    background-color: #000;
    border: 1px solid #fff;
	border-radius: 2px;
}
.navbar-toggler-icon {	
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.navbar-collapse.show {
	background: #111;
}
#homePhotoLeft {
	background:url(../images/rocco-gig.jpg);
	background-size: cover;
	background-position: center center;
	border: solid 3px #fff;
	margin-left: 15px;
	margin-right: -15px;
}
#homePhotoRight {
	margin-left: 15px;
	padding-right: 30px;
}
#homePhotoRight img {
	border: solid 3px #fff;
}
.jumbotron {
	background: rgba(0,0,0,0.6);
	border: solid 3px #fff;
	border-radius: 0;
	margin-left: 15px;
	margin-top: 0px;
	margin-bottom: 30px;
	padding: 1.4rem 0rem 1.8rem 0rem;
}
.jumbotron h2 {
	font-size: 1.5rem;
	line-height: 1em;
	
}
.jumbotron h1 {
    font-size: 2rem;
    font-weight: 300;
    line-height: 1.2;
	font-family: 'Big Shoulders Text', sans-serif;
}

#accordion .card {
	background-color: #222;
	border-color: #002582;
	margin-bottom: 6px;
}
#accordion .card-header {
	padding: 0.75rem 0.5rem;
	background-color: #002582;
	
}
#accordion .card-header .btn {
	font-size: 22px;
	line-height: 24px;
	color: #fff;
	text-align: left;
}
#accordion .card-header .btn i {
	font-size: 22px;
	line-height: 22px;
	padding-right: 10px;
	margin-top: -3px;
	display: block;
	float: left;	
}
.social-icons i {
	font-size: 48px;
	line-height: 68px;
	padding-left: 15px;
	display: block;
	float: right;	
}
.social-icons img {
	margin-top: 12px;
	display: block;
	float: right;	
	margin-left: 15px;	
}
.social-icons a{	
	color: #fff;
}
.clear-float {
	clear: both;
}
.img-thumbnail {
	margin: 8px;
	
	
	background-color: #dee2e6;
	padding: 0.08rem;
}
#services {
	background-color: #002582;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	-webkit-box-shadow: 5px 5px 11px 14px #002582; 
	box-shadow: 5px 5px 11px 14px #002582;
}
#services ul {
	padding-left: 15px;
}

/*/ X-Small devices /*/
@media (max-width: 575px) { 

}

/*/ Small devices (landscape phones, 576px and up) /*/
@media (max-width: 768px) { 
#homeCarousel .carousel-item {
	height: 520px;
}
}

/*/  Medium devices (tablets, 768px and up)/*/ 
@media (min-width: 768px) { 
body, p, td {
	font-size: 1.1rem;
	line-height: 1.4em;
}
.logo {
	
	margin-top: 17px;
	
}
#homeCarousel .carousel-item {
	height: 520px;
}
.container-fluid {
	padding: 15px;
}
#accordion .card-header .btn i {
	font-size: 30px;
	line-height: 30px;
}
.nav-item {
	font-size: 0.8em;	
}
#contactMiddle {
	text-align: center;
}
}

/*/ Large devices (desktops, 992px and up)/*/ 
@media (min-width: 992px) { 
.jumbotron h1 {
    font-size: 3rem;
}
.jumbotron h2 {
	font-size: 2rem;
}
#homeCarousel .carousel-item {
	height: 700px;
}
.nav-item {
    margin-right: 20px;
	
}
.logo {
	margin-top: 10px;
	font-size: 36px;
	
}
.nav-item {
	font-size: 0.9em;	
}
 }

/*/  Extra large devices (large desktops, 1200px and up)/*/ 
@media (min-width: 1200px) { 
.jumbotron h1 {
    font-size: 3.2rem;
}
.jumbotron h2 {
	font-size: 2.2rem;
}
.nav-item {
	font-size: 1em;	
}
 }