@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;900&display=swap');

* {
  padding:0;
  margin:0;
  box-sizing:border-box;
}

body {
  font-family: 'Roboto', sans-serif;
}

img {
  max-width:100%;
}

.container {
  width:960px;
  margin: 0 auto;
  padding:20px 0;
}

.header-left img {
  max-width:155px;
}
.header-right {
  display:grid;
 
 
 justify-content:end;
 
}
a {
  color:#1b014c;
  text-decoration:none;
}

header {

display:grid;
  grid-template-columns:1fr 1fr;
}

ul li {
  padding:10px;
  background-color:#f4f4f4;
  margin:10px 0;
  list-style-type:none;
  border-radius:8px;
  
}

h3 {
  color:#1b014c;
}

.hero h3 {
  font-size:43px;
  font-weight: 900;
}

.btn-mainColor {
background-color:#1b014c !important;
color:white !important;
}