body {
  font-family:Arial,Helvetica,sanf-serif;
}

.mainbanner {
  display:block;
  width:80vw;
  margin-left:auto;
  margin-right:auto;
  background-color:#56c2e5;
  padding-left:4vw;
  padding-right:4vw;
  font-size:xx-large;
  text-align:center;
  padding-top:2vh;
  padding-bottom:2vh;
  border-radius:2vw;
  margin-top:2vh;
  -webkit-animation: glow 5s linear infinite alternate;
  -moz-animation: glow 5s linear infinite alternate;
  animation: glow 5s linear infinite alternate;
}

.mainbanner p {
  margin:0;
}

.melogo {
  display:block;
  width:80%;
  height:auto;
  margin-left:auto;
  margin-right:auto;
  
}

.footer {
  width:80vw;
  padding-left:4vw;
  padding-right:4vw;
  font-size:small;
  text-align:center;
  padding-top:2vh;
  padding-bottom:2vh;
  margin-left:auto;
  margin-right:auto;
}

.footerlogo {
  width:10vw;
  height:auto;
  margin:1vw;
  border-radius:0.5vw;
  min-width:100px;
}


#mainlogo {
  width:40vw;
  min-width:200px;
}

.section {
  display:block;
  width:80vw;
  margin-left:auto;
  margin-right:auto;
  padding-left:4vw;
  padding-right:4vw;
  font-size:large;
  text-align:center;
}

.affcontainer {
  display: flex;
  justify-content: space-between;
  width: 80vw;
  height: auto;
  margin: 0vw auto;
}

.afflogo {
  display: inline-block;
  width: 8vw;
  height:5vw;
  margin:1vw;
  min-width:30px;
  min-height:30px;
}

.footer {
  width:80vw;
  padding-left:4vw;
  padding-right:4vw;
  font-size:small;
  text-align:center;
  padding-top:2vh;
  padding-bottom:2vh;
  margin-left:auto;
  margin-right:auto;
}

#melogobanner {
  animation-name: glow-blue;
}

@keyframes glow-blue {
  0%   {box-shadow: 0 0 1vw #bcdae5;}
  25%  {box-shadow: 0 0 1vw #bcdae5;}
  50%  {box-shadow: 0 0 2vw #91cde5;}
  75%  {box-shadow: 0 0 2vw #56c2e5;}
  85%  {box-shadow: 0 0 3vw #56c2e5;}
  100% {box-shadow: 0 0 4vw #56c2e5;}
}


.contact {
  display:flex;
  justify-content:center;
  align-items:center;
  width: 80vw;
  margin-left:auto;
  margin-right:auto;

}
.contact h4 {
  display: block;
  align-items:left;
}

form {
  display: inline-block;
  width:60vw;
  margin-left:auto;
  margin-right:auto;
  font-size:larger;
}

form textarea {
  width:50vw;
  padding:0.5vw;
  border-radius:0.5vw;
}

form input {
  display: inline-block;
  height:3em;
  padding:0.5vw;
  width:50vw;
  border-radius:0.5vw;
}

form #website { 
  display:none; 
}

.btn {
  height:3em;
  border-radius:0.5vw;
  margin:0.5em;
}


@media only screen and (orientation: portrait) {
  /* For portrait mode / mobile phones etc: */
  .footer {
  font-size:large;
  }
  h4 {
  font-size:large;
  }
.affcontainer {
  display:block;
  float:left;
  width: 100%;
  height: auto;
  margin: 0vw auto;
}
.afflogo {
  width: 17vw;
  height:11vw;
  margin:1vw;
  min-width:30px;
  min-height:30px;
}
.form {
  width:70vw;
}
form textarea {
  width:60vw;
}

form input {
  width:60vw;
}
form #website { 
  display:none; 
}
}