/* Comentario */

/* 
nome de uma tag{...}
#nome de uma tag com id{...}
.nome de uma tag com uma classe{...}
 */

*{
	margin:0px;
	padding:0px;
	
	}

/*@font-face {
     font-family:;
     src: url('tipografias/');}

 font-family: 'tipografia';*/


@font-face {
     font-family: Bradley;
     src: url('Fonts/bradley-hand-itc.ttf');}


.fundo{ max-width: 1920px;
        height: 900px;
}


.gif{ height: 10px;
      background-image: "imagens/Index/cerveja3.gif";
      width: 15%;
      min-width: 130px;
      display: block;
      margin-left: auto;
      margin-right: auto;
}

.gif img { height: 200px;
           width: 100%;
}

.cabecalho{ width: 100%;
            background-color: white;
            height: 195px;
            padding-top: 150px;
}

.cabecalho a{ text-decoration: none;
              color: black;
}

.intro{ width: 100%;
        height: 145px;
        background-color: white; 
}

.intro h1{ text-align: center;
           font-family: 'Amatic SC', cursive, bold;
           padding-top: 10px;
           font-size: 55px;
           padding-bottom: 10px;   
}

.intro h2{ text-align: center;
           font-family: 'Amatic SC', cursive;
           font-size: 30px; 
}

.link_index{ width: 300px;
             height: auto;
             margin-left: auto;
             margin-right: auto;
             line-height: 20px;
             padding-top: 25px;
}

#navbar{ width: 100%;
         background-color: #f2f2f2;
         height: 50px;
         overflow: hidden;
         display: flex;
         justify-content: center;
}

#navbar a{ display: block;
           text-align: center;
           text-decoration: none;
           float: left;
           padding-left: 2%;
           padding-right: 2%;
           padding-top: 12px;
           color: black;
           font-family: 'Poppins', sans-serif;
}

#navbar a:hover { background-color: white;
                  color: black;
                  height: 50px;
                  align-content: center;
                  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

.nav_active{ background-color: white;
             color: black !important ;
             height: 50px;
             align-content: center;
             box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19); 
}


.content{ width: 100%;
    max-width: 1920px;
}

.descricao{ width: 100%;
            max-width: 1280px;
            margin-left: auto;
            margin-right: auto;
            background-color:#d9ecf2;
            display: flex;
            height: auto;
            padding-top: 100px;
            flex-wrap: wrap;      
}

.ilustracao{ background-color: #d9ecf2;
             width: 50%;
}

.ilustracao img{ width: 100%;
            height: auto;
            display: block;
            margin-left: auto;
            margin-right: auto;
            max-width: 600px;
}

.text { width: 50%;
       background-color: none;
       font-family: 'Poppins', sans-serif;
}

.txt { margin-top: 150px;
       margin-left: auto;
       margin-right: auto;
       line-height: 30px;
       padding-bottom: 100px;
       width: 80%
}

.txt p{ text-align: center;
        padding-top: 20px;
        margin-left: auto;
        margin-right: auto;
}

h2 { text-align: center;
     padding-bottom: 60px;
     font-family: 'Pacifico', cursive;
     font-size: 50px;
     line-height: 60px;
}

.sobre{ width: 100%;
        overflow: hidden;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top center;
        background-attachment: fixed;
        position: relative;
}

.onda img{ width: 100%;
           height: auto;
           position:absolute;
           z-index: 1;
           top:0;
           left:0;
           margin-top: -1px;
}

.text_2{ padding-top: 300px;
         color: white;
         text-align: justify;
         padding-bottom: 100px;
}

.text_2 p{ padding-bottom: 50px;
           font-family: 'Poppins', sans-serif;
           max-width: 45%;
           margin-left: auto;
           margin-right: auto;
}

.espaco{ width: 100%;
         background-color:white;
         padding-top: 100px;
         padding-bottom: 100px;
}

.espaco img{min-width: 400px;}


.galery{ width: auto;
         background-color:white;
         display: flex;
         justify-content: center;
         flex-wrap: wrap;
         padding-top: 100px;
}

.galery img{ width: auto;
             height: 400px;
             margin: 3%;
             margin-bottom: 60px;
             display: block;      
}

.contactos{  width: 100%;
             background-color:#031963;
             height: auto;
             text-align: center;
             display: flex;
             position: relative;
             padding-top: 75px;
}

.text_3{  width: 50%;
          height: 400px;
          color: white;
          padding-top: 80px;
}

.text_3 h3{ font-size: 20px;
            font-family: 'Poppins', sans-serif;
}




#texto { width:100%;    
         color: white;
         padding-left: auto;
         padding-right: auto;
         height: auto;
         position: absolute;
         padding-top: 100px;
         padding-bottom: 100px;
}


#texto  h1 { padding: 30px 0;
             text-align: center;
}
       
#texto p { padding: 10px;
           text-align: center;
           font-family: 'Poppins', sans-serif;
           font-size: 20px;
           width: 600px;
           margin-left: auto;
           margin-right: auto;
}