@font-face {
  font-family: nunitoblack;
  src: url(../fonts/Nunito-Black.woff);
}

@font-face {
  font-family: nunito;
  src: url(../fonts/Nunito-SemiBold.woff);
}

@font-face {
  font-family: squim;
  src: url(../fonts/squim.woff);
}

body {
  background-color: #393939;
  color: #FFFFFF;
  font-family: nunito;
  font-size: 36px;
}


a {
  color: #FFFFFF;
  text-decoration: none;
}


img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  display: block;

  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);

  z-index: 0;
}

h1 {
  margin-top: 0;
  padding-top: 0;
  font-family: nunitoblack;
  /*text-decoration: underline;*/
}


.smalltitle {
  margin-bottom: 0;
  padding-bottom: 0;
  font-family: nunitoblack;
  font-size: 44px;
}

.block{
    margin:auto;
    left: 0px;
    position:relative;
    width:70%;
    min-width: 960px;
    max-width: 2000px;
    height:500px;
    background: rgba(255, 255, 255, 0.5);
}

.right{
    position:absolute;
    right: 15px;
    top: 15px;
    /*background:cyan;*/
    width:calc(50% - 50px);
    height:calc(100% - 50px);
    padding: 10px;
}
.rightimg{
  right: 0px;
}

.left{
    position:absolute;
    left: 15px;
    top: 15px;
    /*background: rgba(255, 255, 0, 0.5);*/
    width:calc(50% - 50px);
    height:calc(100% - 50px);
    padding: 10px;
}

.leftimg{
  left:0px;
}

.greenstripe {
  background-color: #009900;
  border-left: 10px solid #009900;

  font-size: 72px;
  font-family: squim;
  color: #FFFFFF;
  height: 66px;
  width:auto;
  min-width: 960px;
}


.bird{
  position: absolute;
}