body {
    margin: 0;
    font-family: 'Ubuntu', sans-serif;
}

#banner {
    position: fixed; top: 0;
    width: 100%;
    background-color: #fff;
    text-align: center;
    z-index: 20;
}
#bannerText {
    position: fixed;  right: 20px;
}
#icon {
    position: relative;
}
#head {
    position: relative;
    width:100%;
    margin-bottom: 50px;
}
#chipset {
    position: relative; 
    z-index: 0;
}
#headline, #subheadline {
    opacity: 1;
    font-family: "Ubuntu", sans-serif;
    font-weight: bold;
    z-index: 10;
}
#headline {
    animation: fadeIn 2.5s ease-in-out;    
}
@keyframes fadeIn {
    0% {opacity: 0;}
    30% { opacity: 0; } 
    100% { opacity: 1; } 
}




#section1 {
    width:100%;
    position: relative;
    top: 0px;
    z-index: 2;
    animation: moveUp 2.5s ease-in-out;    
    background-color: #b3aca1;
    background-image: linear-gradient(to bottom, #e7e4e0, #b3aca1);
    text-align: center;
}
@keyframes moveUp {
    0% {top: 40px;}
    50% { top: 40px; } 
    90% { top: -10px; } 
    100% { top: 0px; } 
}

#frame {
    position: relative;
    top: 50px;   
    -webkit-transition:top 300ms;
    -moz-transition:top 300ms;
    -o-transition:top 300ms;
    transition:top 300ms;
}

#articlesCont {
    opacity: 0.2;   
    -webkit-transition:opacity 3500ms ease-in-out;
    -moz-transition:opacity 3500ms ease-in-out;
    -o-transition:opacity 3500ms ease-in-out;
    transition:opacity 3500ms ease-in-out;
}

.articlesHead{
    font-weight: bold;
}

.articleCont {
    cursor: pointer;
    margin-bottom: 10px;
}
.articleCont:hover {
    background-color: #cdc8c0;
}
.leftCont img {
    border-radius: 0 !important;
}
.leftCont, .rightCont {
    display: inline-block;
    width: 49%;
    vertical-align: middle;
}




#footer {
    padding: 10px;
    background-color: #333;
    color: #eee;
}
#footer a {
    color: #eee;
    text-decoration: none;
}
#footer a:hover {
    color: #ff0;
}