@font-face {
    font-family: Monserrat;
    src: url("../fonts/Montserrat-Regular.ttf");
}

.myinput::-webkit-input-placeholder {
  font-family: 'Monserrat', Arial, Helvetica, sans-serif;
}

.myinput:-ms-input-placeholder {
  font-family: 'Monserrat', Arial, Helvetica, sans-serif;
}

.myinput:-moz-placeholder {
  font-family: 'Monserrat', Arial, Helvetica, sans-serif;
}

.myinput::-moz-placeholder {
  font-family: 'Monserrat', Arial, Helvetica, sans-serif;
}

.footer-img
{
  max-width: 30px;
}

body
{
	font-family: Monserrat;
	box-sizing: border-box;
  font-weight:normal;
}

h1,h3
{
	color: #2b6c8d;
}

.myinput{
  width: 100%;
  margin-bottom: 15px;
  height: 40px;
  border-radius: 3px;
  border: 1px solid lightgray;
  font-family: Monserrat;
  padding: 5px;
}

.myinput:focus{
  outline: solid 3px #95b9cc;
}

.mybutton
{
  width: 100%;
  border-radius: 50px;
  font-family: Monserrat;
  padding: 5px;
  line-height: 24px;
  font-size: 16px;
  font-weight: bold;
  transition: 0.2s;
  transition: outline 0.1s;
}



.mybtn-main
{
  color: #2b6c8d;
  border: 1px solid #2b6c8d;
  background-color: white;
  transition: 0.2s;
  transition: outline 0.1s;
}

.mybtn-main:hover
{
  color: white;
  background-color: #2b6c8d;
}

.mybtn-lightblue
{
  color: #1aaade;
  border: 1px solid #1aaade;
  background-color: white;
  transition: 0.2s;
  transition: outline 0.1s;
}

.mybtn-lightblue:hover
{
  color: white;
  background-color: #1aaade;
}

.mybtn-lightblue-fill
{
  color: white;
  border: 1px solid #1aaade;
  background-color: #1aaade;
  transition: 0.2s;
  transition: outline 0.1s;
}

.mybtn-lightblue-fill:hover
{
  color: #1aaade;
  background-color: white;
}

.mybtn-orange
{
  color: rgb(244,120,35);
  border: 1px solid rgb(244,120,35);
  background-color: white;
  transition: 0.2s;
  transition: outline 0.1s;
}

.mybtn-orange:hover
{
  color: white;
  background-color: rgb(244,120,35);
}

.mybtn-orange-fill
{
  color: white;
  border: 1px solid rgb(244,120,35);
  background-color: rgb(244,120,35);
  transition: 0.2s;
  transition: outline 0.1s;
}

.mybtn-orange-fill:hover
{
  color: rgb(244,120,35);
  background-color: white;
  outline: solid 3px rgb(244,120,35);
}



.mybutton:active
{
  outline: solid 3px #4383a3;
}

.mylink
{
  text-decoration: none;
}
.mylink:hover{
  text-decoration: underline;
  cursor: pointer;
}

.link-light{
  color: #1aaade;
}

.link-light:hover{
  color: #2b6c8d;
}

.link-red{
  color: red;
}

.link-red:hover{
  color: darkred;
}
.link-main
{
  color: #2b6c8d;
}

.border{
  width: 90%;
  margin: auto;
  border-bottom: 1px solid lightgray;
}

.mycontainer
{
  max-width: 1400px;
  width: 100%;
  margin: auto;
  padding: 0px 15px;
}

.error
{
  color: darkred;
  font-size: 12px;
}

.red
{
  color: red;
}

.darkblue
{
  color: #2b6c8d;
}
.orange
{
  color: rgb(244,120,35);
}

.orange-badge
{
  color: white;
  padding: 5px 15px;
  background-color: rgb(244,120,35);
  text-align: center;
  border-radius: 5px;
  display: inline-block;
  margin-left: 10px;
  margin-bottom: 10px;
  font-size: 12px;
}

.orange-badge:hover{
  outline: solid 3px lightsalmon;
}

  @media (min-width: 768px) {
  .footer-img
  {
    max-width: inherit;
  }

  .orange-badge
  {
    font-size: 16px;
    margin-left: 20px;
    margin-bottom: 20px;
  }

}