body {
    font-family: "Roboto Condensed", sans-serif;
    margin: 0;
    padding: 0;
}

h1 {
    margin: 0;
    padding: 20px;
}

.section h3 {
    font-size: 40px;
    margin: 0;
    padding: 10px;
}
    
.section ul {
    list-style-type: none;
    font-size: 20px;
    padding-left: 10px;
}

.section a {
    color: white;
    text-decoration: none;
    display: inline-block;
    padding: 10px 15px;
    background: #a80505;
    border-radius: 7px;
    
    position: absolute;
    bottom: 10px;
    right: 10px;
}
    
.section a:hover {
    background: #ba0707;
}
    
.section .date {
    display: inline-block;
    color: white;
    font-size: 12px;
    padding: 10px;
    background: #7c7c7c;
    position: absolute;
    top: 10px;
    right: 10px;
}

.welcome {
    text-align: center;
/*    background: #67BCDB;*/
/*    color: white;*/
}
    
.welcome .circle {
    border-radius: 50%;
    border: 1px solid rgba(0,0,0, 0.5);
    border-radius: 50%;
    width: 334px;
    height: 334px;
    padding: 4px;
    z-index: -1;
}
    
.welcome .footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    margin: auto;
}
    
.welcome .scroll-text {
    -webkit-animation: pulsate 3s ease-out;
    -webkit-animation-iteration-count: infinite; 
    opacity: 1;
}

.welcome .arrow {
    content: '';
    margin: 0 auto;
    width: 40px;
    height: 40px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiMwMDAwMDAiIGQ9Ik0yOTMuNzUxLDQ1NS44NjhjLTIwLjE4MSwyMC4xNzktNTMuMTY1LDE5LjkxMy03My42NzMtMC41OTVsMCwwYy0yMC41MDgtMjAuNTA4LTIwLjc3My01My40OTMtMC41OTQtNzMuNjcyDQoJbDE4OS45OTktMTkwYzIwLjE3OC0yMC4xNzgsNTMuMTY0LTE5LjkxMyw3My42NzIsMC41OTVsMCwwYzIwLjUwOCwyMC41MDksMjAuNzcyLDUzLjQ5MiwwLjU5NSw3My42NzFMMjkzLjc1MSw0NTUuODY4eiIvPg0KPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTIyMC4yNDksNDU1Ljg2OGMyMC4xOCwyMC4xNzksNTMuMTY0LDE5LjkxMyw3My42NzItMC41OTVsMCwwYzIwLjUwOS0yMC41MDgsMjAuNzc0LTUzLjQ5MywwLjU5Ni03My42NzINCglsLTE5MC0xOTBjLTIwLjE3OC0yMC4xNzgtNTMuMTY0LTE5LjkxMy03My42NzEsMC41OTVsMCwwYy0yMC41MDgsMjAuNTA5LTIwLjc3Miw1My40OTItMC41OTUsNzMuNjcxTDIyMC4yNDksNDU1Ljg2OHoiLz4NCjwvc3ZnPg==);
    background-size: contain;
}
    
.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}
    
    
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -moz-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
    
@-webkit-keyframes pulsate {
    0% { 
        opacity: 0.5;
    }
    50% { 
        opacity: 1.0;
    }
    100% { 
        opacity: 0.5;
    }
}

.company-bday {
    position: relative;
    background: -webkit-image-set( url("1.04.16.png") 1x, url("1.04.16-2x.jpg") 2x );
    background-color: #3cb464;
    background-repeat: no-repeat;
/*    background-size: 625px 400px;*/
    background-position: center center;
    color: white;
}
    
.newyear {
    position: relative;
    background: -webkit-image-set( url("1.01.16.jpg") 1x, url("1.01.16-2x.jpg") 2x );
    background-color: white;
    background-repeat: no-repeat;
/*    background-size: 1280px 474px;*/
    background-position: top center;
}
    
.newyear .content {
    position: absolute;
    bottom: 0;
}

.march {
    position: relative;
    background: -webkit-image-set( url("8.03.16.png") 1x, url("8.03.16-2x.jpg") 2x );
    background-color: #9db949;
    background-repeat: no-repeat;
/*    background-size: 523px 486px;*/
    background-position: center center;
    
    color: white;
}