@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Roboto:400);

.clear { 
    clear:both;
}

html, body, .container {
  height: 100%;
}

/* Reset */
html, body section {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font: inherit;
}

body { 
  background-image: url(../images/back.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color:#464646; 
}

#Centralizar { 
    max-width: 1000px; 
    padding: 0; 
    margin: 0;
}
/*:::: TEXTO ::::*/
.Texto {
    font-family: Roboto; 
    font-size:14px; 
    font-weight: 400;
    color:#000;
}
/*:::: FOOTER ::::*/
.Rodape {
    max-width: 100%;
    height: 220px;
    margin-top: 50px;
    text-align: center;
    background: url(../images/back-branco.png);
    
    font-family: Roboto; 
    font-size:14px; 
    font-weight: 400;
    color:#000;
}

.row {  
    display: flex;
    flex-wrap: wrap;
    margin:0 auto;
}

.hostbarra {
    flex:50%;
}

.catule {
    flex:50%;
}

@media only screen and (max-width: 600px) AND (min-width: 320px) {
  .row, .Rodape {   
        flex-direction: column;
        flex: 100%;
        max-width: 100%;
        width: auto;
        text-align:center;
}
body, {
    margin: 0;
  padding: 0;
    background-image: url(../images/back.jpg);
  }

.Rodape { 
    width: 100% !important;
    height: 310px !important;
	}