/*body{background-color:black;font-family:"Times New Roman";
background-image: -webkit-gradient(linear, left top, left bottom, from(black), to(white));
background-image:-moz-linear-gradient(top, black, white);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=black, endColorstr=white);
background-image:linear-gradient(black, white);
min-width:600px;
 
}*/
/*html, body {
  height: 100%;
    
    overflow-x: hidden; 
}*/
/*img {border-style:none}
#wrapper { 
  margin-right:auto; 
  margin-left:auto; 
  background-color:white;
  width:95%; 
  box-shadow:0 0 25px 8px black;
  -moz-box-shadow:0 0 25px 8px black;
  -webkit-box-shadow:0 0 25px 8px black;
  display: table;
  height:100%;}

.clear-left{clear:left}		 
.clear-right{clear:right}
				 				 
#header{
  height:250px;
  max-width: 935px;
  background-image:url(images/homeimg2.jpg);
  background-repeat:no-repeat;
  background-size: cover;
  background-position: center;}

#homepageImg{
  background-repeat:no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: auto;
}*/



html, body {
  font-size:20px;
  height: 100%;
  overflow-x: hidden; 
}

#wrapper {
  display: flex;
  height: 90%;
  flex-direction: column;
  justify-content: space-between;
  font-family: Helvetica Neue;
}

button{
  color:white;
  font-size: 20px;
  border-radius: 10px;
  padding: 10px 15px;
  background-color: transparent;
  border-width: 2px;
  border-color: rgb(216, 216, 216) rgb(209, 209, 209) rgb(186, 186, 186);
  border-style: solid;
  cursor: pointer;
}

header {
  height: 70px;
}

#logo {
  width: 100%;
text-align: center;
	margin-left: auto;
  margin-right:auto;
/*	height: 26%;
*/  line-height: 1.4;  
        padding: 0;
    z-index: 1;
  background-color: rgba(0, 0, 0, 1);
     
  color: white;
  font-size: 50px;
  font-family: "Palatino Linotype", "Book Antiqua", Palatino;
}
.navbar{
  padding:0;
  color:white;
  }

@media only screen
and (max-width : 776px) {
  #logo {
    width:auto;
  }
}

/* Smartphones (portrait) ———– */
@media only screen
and (max-width : 520px) {
  #logo {
    font-size:1.8em;
  }
  #content{
    padding:10px !important;
    margin-top:0px !important;
  }
  .mobile-menu .dropdown-menu {
    position: absolute;
    top: 47px !important;
  }
  #content {
    font-size: 16px;
  }
  .mobile-menu.show .dropdown-menu{
    font-size:15px;
  }
  header{
    height: 54px;
  }
}

h2 {
  font-size: 1.5rem;
}

h3 {
  font-size: 1.2em;
}
.navbar a:visited {color:white;}
.navbar a:link{color:white;}
.navbar a {text-decoration:none}

.bar1, .bar2, .bar3 {
    width: 30px;
    height: 2px;
    background-color: #c5c4c4;
    margin: 7px 0;
    transition: 0.4s;
}

/* Rotate first bar */
.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-5px, 4px) ;
    transform: rotate(-45deg) translate(-5px, 4px) ;
}

/* Fade out the second bar */
.change .bar2 {
    opacity: 0;
}

/* Rotate last bar */
.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px) ;
    transform: rotate(45deg) translate(-8px, -8px) ;
}
.dropdown-menu {
  position: absolute;
  left:auto;
  right:0;
  float:right;
  top: -10px;
  height: 1000px;
  z-index: 2;
}
.navbar-collapse2 {
  display:flex !important;
}
.nav-btn{
  z-index:100;
  border:0;
}
.mobile-menu.show .dropdown-menu {
  display:block;
}
.dropdown-item:hover {
  background-color: #eceff1;
}
.dropdown-item {
  padding-top: 10px;
  padding-bottom: 10px;
}
  .dropdown-divider {
    margin:0;
  }
.uppercase{text-transform:uppercase}

.pull-right {
  float:right;
}

#jenair{color:#f7931e}

.footer {
  color: black;
  font-size: .6em;
  text-align: center;
  bottom: 0;
  width: 100%;
  display: inline-block;
  align-self: flex-end;
}

#navbarCollapse a:link{
  color:black;
}
#navbarCollapse a:visited{
  color:black;
}
.carousel-item {
  position: relative;
} 
.content-item {
  flex-grow:1;
  flex-basis:auto;
  width:100%;
  height:100%;
}
#content{ 
  padding-left:50px; 
  padding-right:50px;  
  margin-top:15px;
  position:relative;
  font-family: "Helvetica Neue";
}


/*#mmp-text {
  font-size:2em
}
@media only screen and (max-width: 752px) {
  #mmp-logo {
    width:90%;
  }
}
@media only screen and (min-width: 751px) {
  #mmp-logo {
    max-width:190px;
  }
}
@media only screen and (max-width: 719px) {
  #mmp-text {
    font-size:1.5em;
  }
}*/
 /*.content-item img {
    width:100%;
  }
.carousel-text {
  width: 380px;
  font-size: 1.6em;
  position: absolute;
  height: 100%;
  background-color: rgba(255, 255, 255, .4);
  padding-left: 8px;
  line-height: 1.3;
  text-align: left;
}
.carousel-control-prev-icon {
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' f…3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E);
}
.carousel-control-next-icon {
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' f…3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E);
}*/
#bottom-section{
  display:flex;
}
#bottom-section .smBox{
  flex-grow:1;
  padding:10px;
  text-align: center;
  font-size: 1.2em;
  border-right: solid .7px gray;
}
.content-item button{
  font-size: 25px;
  border-radius: 10px;
  padding: 5px;
  background-color: #f0eeee;
  border-width: 2px;
  border-color: rgb(216, 216, 216) rgb(209, 209, 209) rgb(186, 186, 186);
  border-style: solid;
  cursor: pointer;
}
.content-item button:hover{
  background-color: lightgray;
}

#list{text-align:left}	
.maintitle{text-transform:uppercase}
.title{color:#f7931e; font-weight:bolder}
h2{color:black; text-transform:uppercase}
#content.p{margin-left:50px;}
	 
#footer{
  text-align:center;
  vertical-align: bottom;
  width:100%;
}
#email{color:#f7931e}
#bottom-footer{
	background-color: black;
  color: white;
  font-size: 12px;
  padding-bottom: 10px;
  padding-top: 10px;
}
	
#nav {text-align:center;     
  font-size: 1.1em; 
  display:flex;
justify-content:space-evenly;
flex-wrap: wrap }				 
#nav ul {list-style-type:none; }
#nav li { display:inline;white-space: nowrap; }

#nav {
  text-transform:uppercase ;
  width:100%;
}
#nav a:link{color:#808080}
#nav a:visited{color:#808080}
#nav a:focus{color:black; font-weight:bolder}
#nav a:hover {color:black; font-weight:bolder}
#nav a:active{color:#f7931e;}

/******************* Believe Ad Animation ***************************/

/* Safari 4.0 - 8.0 */
@-webkit-keyframes believe {
  0%  {opacity:0;}
  10% {opacity:1;}
  90% {opacity:1;}
  100%{opacity:0}
}

/* Standard syntax */
@keyframes believe {
  0%  {opacity:0;}
  10% {opacity:1;}
  90% {opacity:1;}
  100%{opacity:0}
}


/* Safari 4.0 - 8.0 */
@-webkit-keyframes mmp {
  0%  {opacity:0; top:75px}
  10%  {opacity:0; top:75px}
  30%  {opacity:1; top:60px}
  90%  {opacity:1; top:60px}
  100% {opacity:0;top:60px}
}

/* Standard syntax */
@keyframes mmp {
  0%  {opacity:0; top:75px}
  10%  {opacity:0; top:75px}
  30%  {opacity:1; top:60px}
  90%  {opacity:1; top:60px}
  100% {opacity:0;top:60px}
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes info {
  0% {opacity:0;}
  25% {opacity:0;}
  45%  {opacity:1;}
  90%  {opacity:1;}
  100% {opacity:0;}
}

/* Standard syntax */
@keyframes info {
 	0% {opacity:0;}
  25% {opacity:0;}
  45%  {opacity:1;}
  90%  {opacity:1;}
  100% {opacity:0;}
}

#myContainer {
  min-width: 240px;
  height: 190px;
  position: relative;
  background: white;
  border-color:black;
  border-style: double;
  border-width:4px; 
  float:right;
  margin-bottom: 20px;
  margin-left: 20px;
}

#myContainer a {color:black;}

#believe {
  position: absolute;
  left:45px;
  font-size:35px;
  -webkit-animation-name: believe; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 8s; /* Safari 4.0 - 8.0 */
  animation-name: believe;
  animation-duration: 8s;
  animation-iteration-count: infinite;
}

#mmp {
  position: relative;
  top:55px;
  font-size:18px;
  text-align:center;
  -webkit-animation-name: mmp; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 8s; /* Safari 4.0 - 8.0 */
  animation-name: mmp;
  animation-duration: 8s;
  animation-iteration-count: infinite;
}

#info {
  position: relative;
  top:85px;
  font-size:12px;
  text-align:center;
  font-weight:bold;
  -webkit-animation-name: info; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 8s; /* Safari 4.0 - 8.0 */
  animation-name: info;
  animation-duration: 8s;
  animation-iteration-count: infinite;
}

/******************* End Believe Ad Animation ***************************/

#footer-links {font-size: 1.4em;}
#footer-links a {text-decoration:none; padding-right:10px;}
#footer-links a:link{color:#f7931e}
#footer-links a:visited{color:#f7931e}