.info{
margin: 2.5rem 1.5rem;
border: 1px solid hsla(279,26%,50%, .7);
background-color:white;
}
.info-header{
font-weight: 500;
line-height: 1.2;
margin-bottom:2rem;
margin-top:2rem;
padding-left:1rem;
padding-right:1rem;
text-align:center;
}
.success .info-header{
margin-bottom:1rem!important;
margin-top:2rem!important;
}
.info-title{
margin-left:1.5rem;
margin-right:1.5rem;
}
.info-content{
font-family: "Open Sans", "sans-serif";
font-weight: 400;
color: #666;
margin-bottom:2rem;
padding-left:1rem;
padding-right:1rem;
}
.contact .info-content,
.terms .info-content,
.privacy .info-content{
font-size: 12px;
}
.return h4,
.contact h4,
.privacy h3,
.terms h3,
.terms h4,
.info-content h3,
.info-content h4,
legend,
.info-content strong{
color:#333;
}
.info-content li p{
padding-left:1rem;
padding-right:1rem;
}
@media (min-width: 576px){
.info{
margin: 3rem 2rem;
}
.info-content{
padding-left:3rem;
padding-right:3rem;
}
}
@media (min-width: 768px){
.info{
margin: 4rem 5rem;
padding:1rem 1rem;
}
.info-content{
padding-left:3rem;
padding-right:3rem;
}
}
@media (min-width: 1700px){
.info{
max-width:1500px;
margin:8rem auto;
}
.info.contact{
width:75%;
}
}
.contact .info-content{
margin-bottom:0!important;
}
.form-row{
margin-bottom:1rem;
}
.form-row label{
text-align:left;
}
@media (min-width: 576px){
.form-row label{
text-align:right;
padding-top:7px;
}
}
div.required .control-label::before {
content: '* ';
color: #F00;
font-weight: bold;
}
.info input,
.info textarea{
border-color: hsla(279,26%,50%, .6)!important;
}
.info input:focus,
.info textarea:focus{
border-color: hsla(279,26%,50%, .9)!important;
box-shadow: 0 0 0 0.2rem hsla(279,26%,50%, .3)!important;
}
.success .info-content{
margin-bottom:3rem!important;
}