@import url("https://fonts.googleapis.com/css?family=Lato");
html,
body {
  /* height: 100%; */
  margin: 0;
  font-family: Lato, sans-serif;
  /* 
  background-color:     #E1E2E1;  */
}
header{
background: #3A1F4F;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #2B32B2, #3A1F4F);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #2B32B2, #3A1F4F); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */   
}

.card-header{
background: #B91C1E;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #2B32B2, #3A1F4F);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #2b32b23b, #3A1F4F); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */   
color:white;
border-radius:7px;
}
.container {
    width: 96%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}


@media (min-width: 992px){
.container {
    max-width: 960px;
}
}

@media (min-width: 768px) {
.container {
    max-width: 720px;
}
}


.container {

    width: 95%;
/*    max-width: 540px; */
max-width: 650px;
}
    



.bg-white {
 background-color: rgba(255,255,255,.6); 
}