@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');




/*Header Box*/
#hero-plus-header{
background-color: #813655;
padding:15px;
padding-left: 40px;
}
/*Hero Box*/
#hero-plus-hero{
}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0px solid rgba(0,0,0,.125);
    border-radius: .25rem;
font-family: 'Roboto', sans-serif;
}

.container-fluid {
    width: 100%;
   padding-right: 0px; 
   padding-left: 0px; 
    margin-right: auto;
    margin-left: auto;
}

#inline-asset-40c87d1a-e6cc-4ced-817a-342693a20f09-1 .card-body{
display:none;
}


/*Body Box*/
#hero-plus-body{
font-family: 'Roboto', sans-serif;
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
    background-color: #813655;
    color: #fff;
    font-size: 85%;
font-family: 'Roboto', sans-serif;
}

.h1, h1 {
    font-size: 2rem;
    font-weight: 700;
    margin: 3%;
    text-align: center;
font-family: 'Roboto', sans-serif;
}

.right{
float:right;
width:40%;
margin:3%;
margin-top:0%;
}

.card-title {
    margin-bottom: .2rem;
      font-weight: 700;
    font-size: 1rem;
}
.card-text {
    display: none;
}
h4{
font-size:1.3rem;
font-family: 'Roboto', sans-serif;
}

.one{
font-weight:700;
color:#fff;
}

.one:hover{
color:#fff;
}

.click-tweet {
    font-weight: 300;
    font-size: 120%;
    color: #666;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    padding: 20px 0px;
    margin: 3%;
    margin-top: 50px;
}

hr{
width:40%;
border:2px solid #fff;
margin:auto;
margin-bottom:20px;
margin-top:20px;
}


/*Footer Box*/
#hero-plus-footer{

}

#hero-plus-footer {
  background: #eee;
    padding: 5% 12%; 

}



.foot{
padding:20px;
text-align:center;
color:#813655;
font-size:130%;
}

.foot-links{
    font-size: 110%;
    margin: 10px;
display:block;
margin-bottom:20px;
color:#813655;
font-weight:700;
}

.foot-links:hover{
color:#000;
text-transfrom:none;
}

.icons{
    font-size: 140%;
    margin: 10px;
color:#813655;
}

.icons:hover{
color:#000;
}

h3 {
    font-size: 1.75rem;
    font-weight: 700;
    font-size: 1.35em;
    text-transform: uppercase;
    margin-top: 1em;
}



 .ctab{
    display: block;
    padding: 7px 25px;
    background: #fff;
    margin-left: 20px;
    font-weight: 700;
color: #813655;
}

 .ctab:hover{
    display: block;
    padding: 7px 25px;
    background: #000;
    margin-left: 20px;
    font-weight: 700;
color: #fff;
}

.logo{
margin-top:8px;
width:123px;
height:24px;
}

@media only screen and (max-width: 768px) {
.right{
width:100%;
margin:0%;
}
#hero-plus-footer .col-sm.col-md.img-inline {
    max-width: 100%;
    flex-basis: 100%;
    margin: 20px auto;
}
.container-fluid {
    width: 100%;
   padding-right: 15px; 
   padding-left: 15px; 
    margin-right: auto;
    margin-left: auto;
}
.h1, h1 {
    font-size: 1.5rem;
    font-weight: 700;
    margin: 3%;
    text-align: center;
font-family: 'Roboto', sans-serif;
}

}