:root {
  --clr-primary: #651fff;
  --clr-gray: #37474f;
  --clr-gray-light: #b0bec5;
}

* {
  box-sizing: border-box;
  font-family: "Open Sans", sans-serif;
  margin: 0;
  padding: 0;
}

.bodytext {
	
	width: 70%;
	text-align: justify
	font-size: 30px
	color: black;
	margin-left: 70px;
	margin-right: 50px;
	
	
	
}

.one {
	
	width: 70%;
	text-align: justify
	font-size: 30px
	color: black;
	margin-left: 70px;
	margin-right: 50px;
	
	
	
}

.footing {width: 100%; background: #D6D6D6; padding-left: 0px; padding-right: 0px;
height: 50px;
color: black;
font-size: 20px;
text-align: center
}

.wrapper-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, 20rem);
  justify-content: center;
}


.container1 {
  overflow: hidden;
  box-shadow: 0px 2px 8px 0px var(--clr-gray-light);
  background-color: white;
  text-align: center;
color: black;
  border-radius: 1rem;
  position: relative;
  margin: 0.5rem;
}

.banner-img {
  position: absolute;
  background-image: url(../cov19vid/Bondslot.png);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img1 {
  position: absolute;
  background-image: url(../cov19vid/droplet.png);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img2 {
  position: absolute;
  background-image: url(../cov19vid/Found.png);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img3 {
  position: absolute;
  background-image: url(../cov19vid/Hub.png);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img4 {
  position: absolute;
  background-image: url(../cov19vid/lockdown.png);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img5 {
  position: absolute;
  background-image: url(../cov19vid/SmartWorking.png);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img6 {
  position: absolute;
  background-image: url(../cov19vid/TaskForce.png);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img7 {
  position: absolute;
  background-image: url(../cov19vid/boost.png);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img8 {
  position: absolute;
  background-image: url(../cov19vid/spill.png);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img9 {
  position: absolute;
  background-image: url(../cov19vid/drive.png);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img10 {
  position: absolute;
  background-image: url(../cov19vid/scan.png);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img11 {
  position: absolute;
  background-image: url(../cov19vid/rec.jpg);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img1a {
  position: absolute;
  background-image: url(../img/pic03.jpg);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.banner-img1b {
  position: absolute;
  background-image: url(../img/hasgot.png);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img1b2 {
  position: absolute;
  background-image: url(../img/bomber.jpg);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img1c {
  position: absolute;
  background-image: url(../img/ED.png);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


.banner-img1d {
  position: absolute;
  background-image: url(../img/edex.png);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img1d {
  position: absolute;
  background-image: url(../img/edex.png);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img1e {
  position: absolute;
  background-image: url(../img/oug.png);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img1f {
  position: absolute;
  background-image: url(../img/age1.jpg);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img1g {
  position: absolute;
  background-image: url(../img/age2.jpg);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img1h {
  position: absolute;
  background-image: url(../img/prodif.jpg);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img1i {
  position: absolute;
  background-image: url(../img/fore.png);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img1j {
  position: absolute;
  background-image: url(../img/choir.png);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img1k {
  position: absolute;
  background-image: url(../img/bunker.png);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-imga {
  position: absolute;
  background-image: url(../img/bomber.jpg);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img5b {
  position: absolute;
  background-image: url(../img/cwo.jpg);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img5c {
  position: absolute;
  background-image: url(../img/boost.jpg);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img5d {
  position: absolute;
  background-image: url(../img/calg.jpg);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img5e {
  position: absolute;
  background-image: url(../img/fblog.jpg);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img5f {
  position: absolute;
  background-image: url(../img/nap.jpg);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img5g {
  position: absolute;
  background-image: url(../img/nut.jpg);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img5h {
  position: absolute;
  background-image: url(../img/vap.jpg);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img5i {
  position: absolute;
  background-image: url(../img/pod.jpg);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img5j {
  position: absolute;
  background-image: url(../img/spell.jpg);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img5k {
  position: absolute;
  background-image: url(../img/spill.jpg);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img5l {
  position: absolute;
  background-image: url(../img/biorepair.jpg);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img5m {
  position: absolute;
  background-image: url(../img/nour.jpg);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img5mn {
  position: absolute;
  background-image: url(../img/cater.jpg);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img5o {
  position: absolute;
  background-image: url(../img/cater.jpg);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img5p {
  position: absolute;
  background-image: url(../img/net.jpg);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img5q {
  position: absolute;
  background-image: url(../img/enj.jpg);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img5r {
  position: absolute;
  background-image: url(../img/sur.jpg);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img5s {
  position: absolute;
  background-image: url(../img/cap.jpg);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img5t {
  position: absolute;
  background-image: url(../img/made.jpg);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img5u {
  position: absolute;
  background-image: url(../img/agree.jpg);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img5v {
  position: absolute;
  background-image: url(../img/board.jpg);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img5w {
  position: absolute;
  background-image: url(../img/use.jpg);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img5x {
  position: absolute;
  background-image: url(../img/ultimate.png);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img5y {
  position: absolute;
  background-image: url(../img/likeas.png);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img5z {
  position: absolute;
  background-image: url(../img/biomicro.png);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img5a1 {
  position: absolute;
  background-image: url(../img/dropoff.png);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img5am {
  position: absolute;
  background-image: url(../img/farmers.png);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img5an {
  position: absolute;
  background-image: url(../img/hotspot.png);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img5ao {
  position: absolute;
  background-image: url(../img/vintage.png);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img5ap {
  position: absolute;
  background-image: url(../img/stage.png);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img5aq {
  position: absolute;
  background-image: url(../img/selfie.png);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img5ar {
  position: absolute;
  background-image: url(../img/drone.png);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img5as {
  position: absolute;
  background-image: url(../img/menta.png);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img5at {
  position: absolute;
  background-image: url(../img/spoil.png);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img5au {
  position: absolute;
  background-image: url(../img/clean.png);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img5av {
  position: absolute;
  background-image: url(../img/trailer.png);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img5aw {
  position: absolute;
  background-image: url(../img/frut.png);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img5ax {
  position: absolute;
  background-image: url(../img/pullman.png);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img5ay {
  position: absolute;
  background-image: url(../img/nut2.png);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-imgm1 {
  position: absolute;
  background-image: url(../img/write1.png);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-imgm2 {
  position: absolute;
  background-image: url(../img/write2.png);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-imgm3 {
  position: absolute;
  background-image: url(../img/write3.png);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-imgm4 {
  position: absolute;
  background-image: url(../img/write4.png);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-imgm5 {
  position: absolute;
  background-image: url(../img/hyphen.jpg);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-imgm6 {
  position: absolute;
  background-image: url(../img/ab.jpg);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-imgm7 {
  position: absolute;
  background-image: url(../img/if.jpg);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-imgm8 {
  position: absolute;
  background-image: url(../img/comma.jpg);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-imgm9 {
  position: absolute;
  background-image: url(../img/related.jpg);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-imgm10 {
  position: absolute;
  background-image: url(../img/waswere.png);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-imgm11 {
  position: absolute;
  background-image: url(../img/bring.png);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-imgm12 {
  position: absolute;
  background-image: url(../img/simpcon.png);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-imgm13 {
  position: absolute;
  background-image: url(../img/willshall.png);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-imgm14 {
  position: absolute;
  background-image: url(../img/hyph.png);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-imgm15 {
  position: absolute;
  background-image: url(../img/tenses.png);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-imgm16 {
  position: absolute;
  background-image: url(../img/comp.png);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.name {
  font-weight: bold;
  font-size: 1.5rem;
}

.description {
  margin: 1rem 2rem;
  font-size: 0.9rem;
}

.btn {
  width: 100%;
  border: none;
  font-size: 1rem;
  font-weight: bold;
  color: green;
  padding: 1rem;
  background-color: gainsboro;
}


@charset "utf-8";
/* CSS Document */