body {
    background-color: #201E5E;
    background-position: center -98px;
}

.main-container {
    min-height: 870px;
}

.footer {
    background: none;
    height: 48px;
    margin-top: 0;
    padding-top: 42px;
}

.intro-top-header {
    padding-top: 40px;
}


.intro-top-header .ribbon {
    position: relative;
    margin: 0 auto;
    width: 422px;
    height: 128px;
    background: url("../../resources/img/small-header-ribbon.png") 0 0 no-repeat;
}

.intro-top-header .logo img {
    position: absolute;
    top: -30px;
    left: 50%;
    height: 197px;
    width: 197px;
    margin-left: -99px;
}

.top-text {
    padding-top: 80px;
    font-weight: bold;
}

.top-text .first-line {
    font-size: 122px;
}

.top-text .second-line {
    margin-top: -10px;
    font-size: 249px;
}

.top-text .third-line {
    font-size: 40px;
}


.types-section {
    margin-top: 60px;
    text-align: center;
}

.types-section .type-icon-container {
    display: inline-block;
    position: relative;
    width: 188px;
    height: 186px;

    /*ie7 inline-block hack*/
    *display: inline;
    *zoom: 1;
}

.types-section .type-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    margin-left: -50px;
    margin-top: -50px;
    background-repeat: no-repeat;
    background-position: center center;
}

.types-section .type-icon-img-hover {
    position: absolute;
    top: 0;
    left: 0;
    filter:alpha(opacity=0);
    opacity: 0;
}

.types-section .type-icon-container img,
.types-section .type-icon-container .type-icon {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);

    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.types-section .type-icon-container:hover img,
.types-section .type-icon-container:hover .type-icon {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);

}

.types-section .type-icon-container:hover .type-icon-img-hover {
    filter:none;
    opacity: 1;
}

.types-section .icon-type-rectangle {
    margin-left: -52px;
    background-image: url("../img/portfolio-shape-rect.png");
}

.types-section .icon-type-round {
    background-image: url("../img/portfolio-shape-round.png");
}

.types-section .icon-type-round-jagged {
    background-image: url("../img/portfolio-shape-round-jagged.png");
}

.types-section .icon-type-hex {
    background-image: url("../img/portfolio-shape-hex.png");
}

.types-section .icon-type-triangle {
    margin-top: -56px;
    height: 110px;
    background-position: center 5px;
    background-image: url("../img/portfolio-shape-triangle.png");
}

/*animation elements*/

.parallax-viewport {
    position: absolute;
    overflow: hidden;
    width: 1900px;
    height: 1140px;
    left: 50%;
    margin-left: -950px;
}

.space-small-planet {
    top: 580px;
    left: 331px;
    width: 109px;
    height: 108px;
}

.space-jupiter {
    top: 202px;
    left: 67px;
    width: 345px;
    height: 238px;
}

.space-moon {
    top: 440px;
    right: 39px;
    width: 419px;
    height: 416px;
}

.space-spaceship {
    top: 208px;
    right: 238px;
    width: 286px;
    height: 167px;
}

.sky-clouds-1 {
    top: 940px;
    left: 250px;
    width: 327px;
    height: 106px;
}

.sky-clouds-2 {
    top: 940px;
    right: 46px;
    width: 677px;
    height: 171px;
}

@media only screen and (max-width: 767px) {
    .top-text {
        padding-top: 60px;
    }

    .top-text .first-line {
        font-size: 84px;
    }

    .top-text .second-line {
        margin-top: -8px;
        font-size: 167px;
    }

    .top-text .third-line {
        font-size: 27px;
    }
}

@media only screen and (max-width: 479px) {
    .intro-top-header .ribbon {
        margin-left: -56px;
    }

    .top-text .first-line {
        font-size: 74px;
    }

    .top-text .second-line {
        font-size: 148px;
    }

    .top-text .third-line {
        font-size: 24px;
    }
}