body { background-color: #5AB8E3; margin: 0px; padding: 0px; /**/
    /*
    #5AB8E3
    #00A6DB
    */
    background-image: url("images/azure.png"); /*wx.png*/
    background-repeat: repeat; /* repeats both ways */
    /*background-size: 100% 100%;*/
    /*background: rgba(0, 0, 0, 0.8);*/ /* 40% opaque background */
    
}
h3 { font-family: "Montserrat", Verdana, Arial, sans-serif; color: #000; padding-left: 26px; padding-right: 26px; text-shadow: 1px 1px #A9A; }
h1, h2 { font-family: "Montserrat", Verdana, Arial, sans-serif; color: #000; padding-left: 26px; padding-right: 26px; border-bottom: 2px solid #000; text-shadow: 1px 1px #AAA; padding-bottom: 13px; }
a.link { color: #000; border-bottom: 2px solid #00A6DB; font-weight: bold; text-decoration: none; transition: border 300ms ease-in-out; } /*font-size: 90%;*/
a.link:hover { border-bottom: 2px solid #000; transition: border 300ms ease-in-out; } /*text-decoration: underline;*/
p { /*font-family: Verdana, Arial, sans-serif;*/ color: #000; font-size: 16px; padding-left: 26px; padding-right: 26px; line-height: 1.5em; 

font-family: "Montserrat", sans-serif;
/*font-optical-sizing: auto;*/
/*font-weight: <weight>;*/
font-style: normal;

}
/*.company-logo { width: 100%; max-width: 200px; height: auto; padding-right: 26px; -webkit-filter: drop-shadow(3px 3px 3px #999); filter: drop-shadow(3px 3px 3px #999); }*/
/*height: 50px; width: auto;*/
.header { width: 100%; height: 113px; border-bottom: 2px solid #000; background-image: linear-gradient(to bottom, #DD6843, #BB4923); position: fixed; top:auto; z-index: 1000; }
.mcb-logo { display: block; margin-left: auto; margin-right: auto; width: 100%; max-width: 500px; -webkit-filter: drop-shadow(3px 3px 3px #FF8E6E); filter: drop-shadow(3px 3px 3px #999); }

@media only screen and (min-width: 660px) { /* desktop */

    p.logo-text { color: #000 !important; font-size: 3em; font-weight: bold; text-shadow: 1px 1px #D7552A; line-height: 0.6em; transition: font-size 300ms ease-in-out; padding-top: 13px; }

    p.logo-text span {font-size: 0.5em !important; padding-top: -26px; }

}

@media only screen and (max-width: 659px) { /* mobile */

    p.logo-text { color: #000 !important; font-size: 2em; font-weight: bold; text-shadow: 1px 1px #D7552A; line-height: 0.6em; transition: font-size 300ms ease-in-out; padding-top: 13px; }

    p.logo-text span {font-size: 0.5em !important; padding-top: -26px; }

}

div.main-content { display: block; margin-left: auto; margin-right: auto; width: 100%; max-width: 1000px; border-left: 0px solid #000; border-right: 0px solid #000; 
    background-color: #8ED278; margin-top: 0px; margin-bottom: 0px; padding-top: 13px; padding-bottom: 13px; 
    
    
    
}
ul { margin-left: 26px; padding: 0px; list-style-type: square; border: 0px solid #000; }
li { margin-left: 26px; }
li>p { padding-left: 0px; }

.accordion {
  background-color: #D4328F; /*#eee;*/
  color: #000; /*#444;*/
  cursor: pointer;
  /*padding: 18px;*/
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
    /*font-family: Verdana;*/
    font-weight: bold;
    padding: 13px 26px 13px 26px;
    font-family: "Montserrat", Verdana, sans-serif;
}

.active, .accordion:hover {
  background-color: #E264A5; /*#ccc;*/
}

.accordion:after {
  content: '\002B';
  color: #000; /*#0E334E;*/ /*#777;*/
  font-weight: bold;
  float: right;
  /*margin-left: 5px;*/
  transition: content 300ms ease-in-out;
}

.accordion.active:after {
  content: "";
  /*content: "\2212";*/
  transition: content 300ms ease-in-out;
}

.panel {
  /*padding: 0 18px;*/
  background-color: #ED8DBB; /*white;*/
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

section { border: 1px solid transparent; margin-bottom: 13px; }

.personal-finance { border: 2px solid #000; margin: 26px 26px 26px 26px; background-color: wheat; } /* 0 3 6 9 */

.wealth-management { border: 2px solid #000; margin: 26px 26px 26px 26px; background-color: thistle; }

    /* Style the tab */
.tab {
  overflow: hidden;
  border: 0px solid transparent;
  background-color: #D4328F;
}

.tabcontent { padding: 0px !important; margin: 0px; }

.tabcontent p { margin: 0px; padding-bottom: 13px; }

.tablinks { font-weight: bold; font-family: "Montserrat", Verdana, sans-serif; }

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 13px;
  /*padding: 14px 16px;*/
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #FB6E46;
}

/* Create an active/current tablink class */
.tab button.active {
    background-image: linear-gradient(to bottom, #F7DD4D, #FAECA0);
    /*background-color: #F7DD4D;*/
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  -webkit-animation: fadeEffect 1s;
  animation: fadeEffect 1s;
}

/* Fade in tabs */
@-webkit-keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}