/* .card{
    margin:1.5rem auto 0rem auto;
    max-width: 18rem;
}
.card-img-top{
    margin-top:5px;
} */
body{
    font-size: 1.1rem;
}
.hero{
    width: 100%;
    height: 60vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(/img/banner2.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    /* background-attachment: fixed; */
    box-shadow: inset 0 -2px 3px rgba(0, 0, 0, 0.3);
}
div.hero-inner.row{
    max-width: 100%;
}
#login, #catalog{
    font-size: 2rem;
    font-weight: 600;
    /* border: none; */
    border-radius: 5px;
    padding: 15px 25px;
    box-shadow: 0 0 2px 2px #333333 !important;
    color: #FFFFFF;
    width: 247px;
    text-shadow: 1px 1px 4px #000000;
}
#login{
    /* background-color: #5596e6; */
    /* background-color: #AB8433; */
}
#catalog{
    /* background-color: #41d6c3; */
    /* background-color: #067B5E; */
}
div.bannerText{
    color: white;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 4px 4px 6px #000;
    text-align: center;
}
div.bannerText h1{
    font-size: 3rem;
}
div.bannerText h2{
    font-size: 2.5rem;
}
div#cards{
    margin: 20px auto;
}
div#cards div.cardcol{
    padding: 5px;
}
div#cards div.card{
    border: 2px solid rgba(0,0,0,.23);
    /* margin: 5px 20px 20px; */
    width: 100%;
	height: 100%;
}
div#cards div.card img.card-img-top{
    max-width: 200px;
    margin: 10px auto 0;
    max-height: 124px;
    width: auto;
}
div.card h5.card-title{
    margin: 12px 20px 0;
    font-size: 1.75rem;
    text-align: center;
    font-weight: bolder;
}
div.card p.card-text{
    /*height: 120px;*/
}
div.card button.btn{
	display: block;
    margin: 0 auto;
}
div.card a{
    text-decoration: none;
	margin-top: auto;
}
@media screen and (min-width:346px) and (max-width: 1199px){
	#iwiBr{
		display: none;
	}
}
div#cards div.card img.card-img-top#iarImg{
	margin: 40px auto 40px;
}
#iarBtn{
    border-color: #396295;
    /* border: none; */
    background-color: #396295;
    color: white;
    text-shadow: 1px 1px 2px #000000;
}
#iarBtn:focus, #iarBtn:hover{
    background-color: #20497C;
    border-color: #396295;
    color: white;
    box-shadow: none  !important;
}
#iarBtn.active, #iarBtn:active{
    background-color: #EFEFEF !important;
    border-color: #396295 !important;
    color: #396295 !important;
    box-shadow: none  !important;
    text-shadow: none !important;
}
#cfpBtn{
    border-color: #FFCC33;
    /* border: none; */
    background-color: #FFCC33;
    color: white;
    text-shadow: 1px 1px 2px #000000;
}
#cfpBtn:focus, #cfpBtn:hover{
    background-color: #E6B31A;
    border-color: #FFCC33;
    color: white;
    box-shadow: none  !important;
}
#cfpBtn.active, #cfpBtn:active{
    background-color: #EFEFEF !important;
    border-color: #FFCC33 !important;
    color: #FFCC33 !important;
    box-shadow: none  !important;
    text-shadow: none !important;
}
#iwiBtn{
    border-color: #A0B8CB;
    /* border: none; */
    background-color: #A0B8CB;
    color: white;
    text-shadow: 1px 1px 2px #000000;
}
#iwiBtn:focus, #iwiBtn:hover{
    background-color: #879FB2;
    border-color: #A0B8CB;
    color: white;
    box-shadow: none  !important;
}
#iwiBtn.active, #iwiBtn:active{
    background-color: #EFEFEF !important;
    border-color: #A0B8CB !important;
    color: #A0B8CB !important;
    box-shadow: none  !important;
    text-shadow: none !important;
}
#cpeBtn{
    border-color: #2E3A90;
    /* border: none; */
    background-color: #2E3A90;
    color: white;
    text-shadow: 1px 1px 2px #000000;
}
#cpeBtn:focus, #cpeBtn:hover{
    background-color: #4854AA;
    border-color: #2E3A90;
    color: white;
    box-shadow: none  !important;
}
#cpeBtn.active, #cpeBtn:active{
    background-color: #EFEFEF !important;
    border-color: #2E3A90 !important;
    color: #2E3A90 !important;
    box-shadow: none  !important;
    text-shadow: none !important;
}
div.bands{
    padding: 30px;
}
div.bands:nth-child(even){
    background-color: #6E0B2A;
    color: white;
}
div.bands div#upToDate{
    max-width: 850px;
}
@media screen and (max-width:768px){
    #login, #catalog{
        font-size: 1.45rem;
        width: 188px;
    }
    div.bannerText h1{
        font-size: 2rem
    }
    div.bannerText h2{
        font-size: 1.8rem;
    }
}