/*use this to put comment in like (<!--...-->) for html and (#) for python*/

Article, aside, footer, header, table, main, nav, div, body, menu-bar {
	display: block;
}

html, body, h1, h2, h3, h4, ul, li, a, p, div, figure, table, mian, footer
article, aside, footer, header, main, table, nav, section {
	
	padding: 0;
	margin: 0;
}
body{
  background-color: rgb(238, 230, 230);
}
#banner1 {
  display:block;
  background-image:url("logo7.png");
  background-position: center;
  background-size:cover;
  height:285px;
  width:100%;
  position:relative;
}

#copy {
  color:#FFF;
   font-size: 1.8rem;
   text-align: center;
  font-family:arial;
  padding: 150px 5px 0 20px;
  text-shadow:3px 1px 0 silver;
}

.project-title{
  height: 100px;
}

.project-title h1{
  color: #ffffff;

  margin: 10px 0;
  text-align: center;
}

.project-title h2{
  color: #ffffff;
  font-size: 2rem;
  margin: 10px 0;
  text-align: center;
}


.slide1-nav {
  bottom: 30px;
	position: absolute;
   width: 100%;
}

.nav-item {
  background: #fff;
  border: 2px solid #ff686b;
  cursor: pointer;
  display: inline-block;
  margin-right: 20px;
  transition: background .4s;
}
.nav-item:last-of-type {
  margin-right: 0;
}
.nav-item:hover {
  transform: scale(1.3);
}
.item-active {
  background: #ff686b;
  transform: scale(1.3);
}

.slide13:first-of-type {
    background-image: url("Gdisplay2.jpg");
  }
  .slide13:nth-of-type(2) {
    background-image: url("display2.jpg");
  }
  .slide13:last-of-type {
    background-image: url("display2.jpg");
  }
  .slider13 {
    background: #000;
    height: 400px;
    position: relative;
    text-align: center;
    width: 100%;
  }
  .slide13-nav {
    bottom: 30px;
      position: absolute;
     width: 100%;
  }
  .slide13-image,
  .slide13-image img{
    height: 100%;
    width: 100%;
  }
  .slide13-desc {
    font-size: 20px;
    margin: 40px auto 0;
    width: 65%;
  }
  .slide13 {
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    height: 100%;
    padding: 90px 0 0;
    position: absolute;
    width: 100%;
  }
  .slide13-title {
    font-size: 40px;
    font-family: arial black;
    font-weight: bold;
    margin: 0 auto;
    padding: 1px 0;
    text-transform: uppercase;
    color: #fff;
  }
h1{
	text-align: center;
	color:#008b8b;
	font-family:verdana;
	font-size: 1rem;
}
h3{
  text-align: center;
  color: rgb(114, 6, 6);
  font-size: 12px;
}
@media only screen and (max-width: 900px){
	ul{
		height: 350px;
		flex-direction: column;
		text-align: center;
	}
}

 @import url('https://fonts.googleapis.com/css?family=Roboto');
 body{
     font-family: 'Roboto', sans-serif;
}
 h1{
     text-align: center;
     color: #4181ee;
}


 .wrapper{
     display: flex;
     justify-content: center;
     flex-wrap: wrap;
  
}
 .div1{
    max-width: 1000px;
     min-height: auto;
     background-color: rgb(238, 230, 230);
     padding: 25px;
}

 .div1 h1{
    text-align: center;
    font-family: arial black;
    font-size: 1.5rem;
}
 .div1 h2{
    text-align: center;
    font-family: verdana;
    font-size: 0.9rem;
	color: purple;
}

.card1{
  width: 1100px;
   min-height: auto;
   background: hsl(180, 33%, 97%);
   padding: 0px;
   color: #fff;
   font-size: 10px;
   margin:0px;
   display: flex;
   justify-content: center;
}
.card2{
  width: 101px;
   min-height: auto;
   background: hsl(180, 33%, 97%);
   padding: 5px;
   color: #fff;
   font-size: 8px;
   font-family: Verdana, Geneva, Tahoma, sans-serif;
   font-weight: bolder;
   display: inline-block;
}
.card3{
  width: 101px;
   min-height: auto;
   background: hsl(180, 33%, 97%);
   padding: 5px;
   color: #fff;
   font-size: 10px;
   display: block;
}
.card4{
  width: 101px;
   min-height: auto;
   background: hsl(180, 33%, 97%);
   padding: 5px;
   color: #fff;
   font-size: 10px;
   display: block;
}
h3{
  font-size: 17px;
}
.card5{
  width: auto;
   min-height: auto;
   justify-content: center;
   text-align: center;
   background: hsl(180, 33%, 97%);
   position: relative;
   padding: 5px;
   
   color: #fff;
   font-size: 10px;
   display: block;
}

.card9{
  width: auto;
   min-height: auto;
   background: rgb(219, 241, 243);
   padding: 4px;
   box-sizing: border-box;
   font-family: 20px;
   font-size: 15px;
   color: black;
   margin:1px;
   box-shadow: 0px 2px 18px -4px pink;
}

h1{
	text-align:center;
	font-family:Verdana;
}

.card-description{
				font-size:18px;
				margin-top:15px;
				font-family: verdana;
        font-weight:100;
        text-align: left;
				
					}
.card-title{
  font-size: 35px;
  font-family:elephant;
  font-weight: bolder;
  color: #000066;
}
.form{
  display: inline-block;
  position: center;
  margin-top: 3px;
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
}
#submitForm{
  background: #810303;
  width: 250px;
  height: 30px;
  padding: 10px;
  margin-bottom: 50px;
  font-size: 18px;
  font-weight: 500;
  box-shadow: 0px 3px 5px 0px #0508b1,
    0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12);
  -webkit-appearance: button;
  outline: none;
}
#dropdown {
  background: hsl(180, 33%, 97%);
  width: 100px;
  height: 30px;
  padding: 0px;
  position: relative;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bolder;
  -webkit-appearance: button;
  outline: none;
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom-style: hidden;
}
#dropdown0 {
  background: hsl(180, 33%, 97%);
  width: 100px;
  height: 30px;
  padding: 0px;
  position: relative;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bolder;
  -webkit-appearance: button;
  outline: none;
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom-style: hidden;
}
#dropdown1 {
  background: hsl(180, 33%, 97%);
  width: 100px;
  height: 30px;
  padding: 0px;
  position: relative;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bolder;
  -webkit-appearance: button;
  outline: none;
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom-style: hidden;
}
#dropdown2 {
  background: hsl(180, 33%, 97%);
  width: 100px;
  height: 30px;
  padding: 0px;
  position: relative;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bolder;
  -webkit-appearance: button;
  outline: none;
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom-style: hidden;
}
#dropdown3 {
  background: hsl(180, 33%, 97%);
  width: 100px;
  height: 30px;
  padding: 0px;
  position: relative;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bolder;
  -webkit-appearance: button;
  outline: none;
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom-style: hidden;
}
#dropdown4 {
  background: hsl(180, 33%, 97%);
  width: 100px;
  height: 30px;
  padding: 0px;
  position: relative;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bolder;
  -webkit-appearance: button;
  outline: none;
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom-style: hidden;
}
#dropdown5 {
  background: hsl(180, 33%, 97%);
  width: 100px;
  height: 30px;
  padding: 0px;
  position: relative;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bolder;
  -webkit-appearance: button;
  outline: none;
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom-style: hidden;
}
#dropdown6 {
  background: hsl(180, 33%, 97%);
  width: 100px;
  height: 30px;
  padding: 0px;
  position: relative;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bolder;
  -webkit-appearance: button;
  outline: none;
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom-style: hidden;
}
#dropdown7 {
  background: hsl(180, 33%, 97%);
  width: 100px;
  height: 30px;
  padding: 0px;
  position: relative;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bolder;
  -webkit-appearance: button;
  outline: none;
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom-style: hidden;
}
#dropdown8 {
  background: hsl(180, 33%, 97%);
  width: 100px;
  height: 30px;
  padding: 0px;
  position: relative;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bolder;
  -webkit-appearance: button;
  outline: none;
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom-style: hidden;
}
#dropdown9 {
  background: hsl(180, 33%, 97%);
  width: 100px;
  height: 30px;
  padding: 0px;
  position: relative;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bolder;
  -webkit-appearance: button;
  outline: none;
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom-style: hidden;
}
#dropdown10 {
  background: hsl(180, 33%, 97%);
  width: 100px;
  height: 30px;
  padding: 0px;
  position: relative;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bolder;
  -webkit-appearance: button;
  outline: none;
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom-style: hidden;
}
#dropdown11 {
  background: hsl(180, 33%, 97%);
  width: 100px;
  height: 30px;
  padding: 0px;
  position: relative;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bolder;
  -webkit-appearance: button;
  outline: none;
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom-style: hidden;
}
#dropdown12 {
  background: hsl(180, 33%, 97%);
  width: 100px;
  height: 30px;
  padding: 0px;
  position: relative;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bolder;
  -webkit-appearance: button;
  outline: none;
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom-style: hidden;
}
#dropdown13 {
  background: hsl(180, 33%, 97%);
  width: 100px;
  height: 30px;
  padding: 0px;
  position: relative;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bolder;
  -webkit-appearance: button;
  outline: none;
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom-style: hidden;
}
#dropdown14 {
  background: hsl(180, 33%, 97%);
  width: 100px;
  height: 30px;
  padding: 0px;
  position: relative;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bolder;
  -webkit-appearance: button;
  outline: none;
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom-style: hidden;
}
#dropdown15 {
  background: hsl(180, 33%, 97%);
  width: 100px;
  height: 30px;
  padding: 0px;
  position: relative;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bolder;
  -webkit-appearance: button;
  outline: none;
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom-style: hidden;
}
#dropdown16 {
  background: hsl(180, 33%, 97%);
  width: 100px;
  height: 30px;
  padding: 0px;
  position: relative;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bolder;
  -webkit-appearance: button;
  outline: none;
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom-style: hidden;
}
#dropdown17 {
  background: hsl(180, 33%, 97%);
  width: 115px;
  height: 30px;
  padding: 0px;
  position: relative;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bolder;
  -webkit-appearance: button;
  outline: none;
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom-style: hidden;
}
#dropdown18 {
  background: hsl(180, 33%, 97%);
  width: 100px;
  height: 30px;
  padding: 0px;
  position: relative;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bolder;
  -webkit-appearance: button;
  outline: none;
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom-style: hidden;
}
#dropdown19 {
  background: hsl(180, 33%, 97%);
  width: 100px;
  height: 30px;
  padding: 0px;
  position: relative;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bolder;
  -webkit-appearance: button;
  outline: none;
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom-style: hidden;
}
#dropdown20 {
  background: hsl(180, 33%, 97%);
  width: 100px;
  height: 30px;
  padding: 0px;
  position: relative;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bolder;
  -webkit-appearance: button;
  outline: none;
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom-style: hidden;
}
#dropdown21 {
  background: hsl(180, 33%, 97%);
  width: 100px;
  height: 30px;
  padding: 0px;
  position: relative;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bolder;
  -webkit-appearance: button;
  outline: none;
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom-style: hidden;
}
#dropdown22 {
  background: hsl(180, 33%, 97%);
  width: 100px;
  height: 30px;
  padding: 0px;
  position: relative;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bolder;
  -webkit-appearance: button;
  outline: none;
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom-style: hidden;
}
#dropdown23 {
  background: hsl(180, 33%, 97%);
  width: 108px;
  height: 30px;
  padding: 0px;
  position: relative;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bolder;
  -webkit-appearance: button;
  outline: none;
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom-style: hidden;
}
#dropdown24 {
  background: hsl(180, 33%, 97%);
  width: 100px;
  height: 30px;
  padding: 0px;
  position: relative;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bolder;
  -webkit-appearance: button;
  outline: none;
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom-style: hidden;
}
#dropdown25 {
  background: hsl(180, 33%, 97%);
  width: 100px;
  height: 30px;
  padding: 0px;
  position: relative;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bolder;
  -webkit-appearance: button;
  outline: none;
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom-style: hidden;
}
#dropdown26 {
  background: hsl(180, 33%, 97%);
  width: 100px;
  height: 30px;
  padding: 0px;
  position: relative;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bolder;
  -webkit-appearance: button;
  outline: none;
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom-style: hidden;
}
#dropdown27 {
  background: hsl(180, 33%, 97%);
  width: 100px;
  height: 30px;
  padding: 0px;
  position: relative;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bolder;
  -webkit-appearance: button;
  outline: none;
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom-style: hidden;
}
#dropdown28 {
  background: hsl(180, 33%, 97%);
  width: 100px;
  height: 30px;
  padding: 0px;
  position: relative;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bolder;
  -webkit-appearance: button;
  outline: none;
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom-style: hidden;
}
#dropdown29 {
  background: hsl(180, 33%, 97%);
  width: 100px;
  height: 30px;
  padding: 0px;
  position: relative;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bolder;
  -webkit-appearance: button;
  outline: none;
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom-style: hidden;
}
#dropdown30 {
  background: hsl(180, 33%, 97%);
  width: 100px;
  height: 30px;
  padding: 0px;
  position: relative;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bolder;
  -webkit-appearance: button;
  outline: none;
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom-style: hidden;
}
#dropdown31 {
  background: hsl(180, 33%, 97%);
  width: 100px;
  height: 30px;
  padding: 0px;
  position: relative;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bolder;
  -webkit-appearance: button;
  outline: none;
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom-style: hidden;
}
#dropdown32 {
  background: hsl(180, 33%, 97%);
  width: 100px;
  height: 30px;
  padding: 0px;
  position: relative;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bolder;
  -webkit-appearance: button;
  outline: none;
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom-style: hidden;
}
#dropdown33 {
  background: hsl(180, 33%, 97%);
  width: 100px;
  height: 30px;
  padding: 0px;
  position: relative;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bolder;
  -webkit-appearance: button;
  outline: none;
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom-style: hidden;
}
#dropdown34 {
  background: hsl(180, 33%, 97%);
  width: 100px;
  height: 30px;
  padding: 0px;
  position: relative;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bolder;
  -webkit-appearance: button;
  outline: none;
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom-style: hidden;
}
#dropdown35 {
  background: hsl(180, 33%, 97%);
  width: 100px;
  height: 30px;
  padding: 0px;
  position: relative;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bolder;
  -webkit-appearance: button;
  outline: none;
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom-style: hidden;
}
#dropdown36 {
  background: hsl(180, 33%, 97%);
  width: 100px;
  height: 30px;
  padding: 0px;
  position: relative;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bolder;
  -webkit-appearance: button;
  outline: none;
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom-style: hidden;
}
#dropdown37 {
  background: hsl(180, 33%, 97%);
  width: 100px;
  height: 30px;
  padding: 0px;
  position: relative;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bolder;
  -webkit-appearance: button;
  outline: none;
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom-style: hidden;
}
#dropdown38 {
  background: hsl(180, 33%, 97%);
  width: 100px;
  height: 30px;
  padding: 0px;
  position: relative;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bolder;
  -webkit-appearance: button;
  outline: none;
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom-style: hidden;
}
#dropdown38 {
  background: hsl(180, 33%, 97%);
  width: 100px;
  height: 30px;
  padding: 0px;
  position: relative;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bolder;
  -webkit-appearance: button;
  outline: none;
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom-style: hidden;
}
#dropdown39 {
  background: hsl(180, 33%, 97%);
  width: 100px;
  height: 30px;
  padding: 0px;
  position: relative;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bolder;
  -webkit-appearance: button;
  outline: none;
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom-style: hidden;
}
#dropdown40 {
  background: hsl(180, 33%, 97%);
  width: 100px;
  height: 30px;
  padding: 0px;
  position: relative;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bolder;
  -webkit-appearance: button;
  outline: none;
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom-style: hidden;
}
@media screen and (max-width:767px){
	.card-wrapper{
		.card{
			@include span-columns(10);
			@include shift(1);
			height:auto;
			.card-img{
				width:100%;
				height:350px;
				position: relative;
			}
			.card-text{
				width:100%;
			}
		}
	}
}

@media screen and (max-width:767px){
	.card1{
		.card2{
			@include span-columns(10);
			@include shift(1);
			height:auto;
			.card-img{
				width:100%;
				height:350px;
				position: relative;
			}
			.card-text{
				width:100%;
			}
		}
	}
}

a.bggrow:hover {
  color: #F7EAEA;
  background-size: 4px 50px;
}

.site__footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background-color:#000033;
  color: white;
}