body {
    font-family: 'Roboto Condensed', sans-serif;
    margin:0;
    padding: 0;
    border-top:solid 26px #B50F16;
    background: url("../images/bg.jpg") repeat #fff;
    text-align: center;
    color:#6C6C6C;
}

a {
    text-decoration: none;
}

#container {
    width:100%;
    max-width:1170px;
    min-height: 690px;
    height: auto;
    overflow: hidden;
    margin-left:auto;
    margin-right:auto;
}

h1 {
    font-weight: bold;
    font-size: 88px;
    color:#B50F16;
    margin-bottom: 0;
}

.sub_h1 {
    font-size: 26px;
    float: left;
    width: 100%;
    padding-bottom:100px;
}

h2 {
    font-size:24px;
    margin:0;
    padding:0;
}

h2 a {
    color: #fff;
    transition: all 0.4s;
    float:left;
    width: 100%;
    font-weight: normal;
    min-height: 40px;
    background: #181818;
}

h2 a:hover {
    transition: all 0.4s;
    background: #3C3C3C;
}

.caixas {
    float:left;
    width: 30.33%;
    height:auto;
    margin-right: 4.5%;
    padding-top:35px;
    background:#fff;
    transition: all 0.4s;
}


.caixas:last-child {
    margin-right: 0;
}

.image_icon {
    border:0;
    margin-bottom:20px;
    width:100%;
    height: auto;
    max-width:155px;
}

.image_logo {
    border:0;
    margin-bottom:45px;
    width:100%;
    height: auto;
    max-width:267px;
}


#footer {
    width: 100%;
    background:#B50F16;
    padding-top:10px;
    padding-bottom:10px;
    font-size:12px;
    color:#fff;
    margin-top:100px;
}

@media(max-width:1170px) {
	#container {
    width:98%;
}
    .image_icon {
    width:40%;
    max-width:none;
}

    .image_logo {
    width:70%;
    max-width:none;
}
}

@media(max-width:1010px) {
    .image_logo {
    margin-bottom:30px;
}
}

@media(max-width:916px) {
    h2 {
    font-size:20px;
}
    
    h2 a {
        min-height: 35px;
}
}

@media(max-width:884px) {
    .image_logo {
    margin-bottom:20px;
}
}

@media(max-width:770px) {
    .image_logo {
    margin-bottom:10px;
}
    
@media(max-width:690px) {
    .caixas {
    float:left;
    width: 100%;
    max-width: 346px;
    margin-right: 0;
    margin-top: 20px;
    }
    
    #container {
    max-width: 346px;
        width:90%;
    }
    h1 {
        margin-top:0;
        padding-top:0;
    }
    .sub_h1 {
        padding-bottom: 0;
    }
}
    
@media(max-width:442px) {
    h1 {
    font-size:70px;
    }
    
}