@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
body, html, div, h1, h2, h3, h4, p, span, img {
    padding: 0;
    margin: 0;
}

body, html {
    height: 100%;
}
body {
    font-family: 'Open Sans', sans-serif;
}

h1,h2,h3,h4 {
    color: #8b2433;
    padding: 5px 0px;
}
a {
    color: #000;
    text-decoration: none;
}
img {
    max-width: 100%;
    height: auto;
}
#top {
    width:100%;
    height:4px;
    background:#8b2433;
}

.inner {
    width: 90%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 100px 0px;
}

.box {
    margin: 0px 10px;
    display: inline-block;
    padding: 30px 20px;
    overflow: hidden;
    vertical-align: middle;
}
.box11 {
    width: 100%;
}
.box13 {
    width: calc(33% - 60px);
}
.box23 {
    width: calc(66% - 60px);
}
.box12 {
    width: calc(50% - 70px);
}

@media only screen and (max-width: 700px) {
    .box13, .box23, .box12 {
        width: calc(100% - 60px);
    }
}



#start {
    /* min-height: 100%; */
    text-align: center;
}
    #start img, #start h1, #start p {
        margin-bottom: 20px;
    }
    #start p:first-of-type {
        font-size: 1.5em;
    }
    #start p {
        /*font-size: 1.2em;*/
        max-width: 70%;
        margin: 10px auto;
    }
    .animatedAngleBox {
        font-size: 70px;
        color: #8b2433;
    }
        @keyframes animateAngle {
            0%, 100% {
                transform: translate(0, 0);
            }
            50% {
                transform: translate(0px, 20px);
            }
        }
        .animatedAngle {
            animation: animateAngle 2s ease-in-out infinite;
            bottom: 45px;
        }
        @media only screen and (min-width: 700px) {
            .animatedAngle {
                position: absolute;
            }
        }

#oss {
    background-color: #e9eaea;
}
    #oss .box {
        text-align: center;
        margin: 10px;
    }
    #oss .box13 {
        background:#FFF;
        border-radius: 5px;
        min-height: 125px;
    }
        #oss .box13 img {
            border-radius: 200px;
            padding-bottom: 10px;
        }

#longinfo {
    background: white;
}
    #longinfo .line {
        border-top: 1px solid #8b2433;
        margin: 20px auto;
        width: 50%;
    }
    #longinfo img {
        border-radius: 200px;
        width: 100%;
        max-width: 200px;
    }
    #longinfo a {
        border: 1px solid #8b2433;
        color: #8b2433;
        text-transform: uppercase;
        padding: 5px 20px;
        margin: 10px 10px 0px 0px;
        cursor: pointer;
        display: inline-block;
        text-align: center;
        text-decoration: none !important;
        white-space: nowrap;
        border-radius: 40px;
    }
    #longinfo a:hover {
        background: #8b2433;
        color: #FFF;
    }

#bottom {
    background-color: #585B61;
    padding: 100px 0px;
    color: #FFF;
}
    #bottom h3 {
        color: #FFF;
    }
    #bottom a {
        color: #FFF;
        text-decoration: none;
    }