@media screen {

#divlogo {
  padding-top: 200px;
  padding-bottom: unset;
}

#divlogo img {
    margin-top: -100px;
    width: 70%;
}

#maquinas img {
  width: 80%;
}

#maquinas h1 {
  font-size: 50px;
  padding-bottom: 100px;
}

.moldaapresentacaofundo {
  height: 300px;
}

#moldaapresentacao p {
    width: 90%;
    font-size: 130%;
}

#moldaapresentacao h1 {
  font-size: 200%;
}
    
.divgeral {
    table-layout: unset;
    width: 90%
}

.aempresa {
    display: block;
    margin: auto;
    width: 100%;
    height: auto;
}

.aempresa p {
    margin-bottom: 50px;
}

#recrutamento {
    width: 90%;
    text-align: center;
}

#contactos {
    width: 90%;
}

.tabela {
    width: 90%;
}

.tabequip {
    width: 90%;
}

.tabequip th {
  display: table-row;
}

.tabequip h1 {
  font-size: 85%;
}

.cont {
  width: 100%;
  display: block;
  padding-top: 15px;
  padding-bottom: 15px;
}

.cont p {
  font-size: 12px;
  text-align: center;
}



/* ---------------- NAVBAR ---------------- */

    .navbar {display: none;}
    
    #menuhamburguer {display: block;}	

	#menuhamburguer a {font-size:14px !important;}	

	#instagram { display: none;
				visibility: hidden;}

	#menunormal { display: none;
				visibility: hidden;}

                .r_header {
                    all: revert;
                    background-color: #f3f3f3;
                    box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);
                    position: fixed;
                    top: 0px;
                    left: 0px;
                    right: 0px;
                    width: 100%;
                    z-index: 3;
                    border: 0px solid white;
                  }
                   
                  .r_header .logo {
                    display: block;
                    float: left;
                    font-family: 'Nunito', sans-serif;
                    font-size: 24px;
                      font-style: normal;
                      font-variant: normal;
                      font-weight: 500;
                      line-height: 26.4px;
                    color: #00253D;
                    text-decoration: none;
                  }
                   
                  .r_header .menu {
                    clear: both;
                    max-height: 0;
                    transition: max-height .2s ease-out;
                  }
                  
                  .r_header .menu-icon {
                    cursor: pointer;
                    float: right;
                    padding: 28px 20px;
                    position: relative;
                    user-select: none;
                  }
                   
                  .r_header .menu-icon .navicon {
                    background: #00253D;
                    display: block;
                    height: 2px;
                    position: relative;
                    transition: .2s ease-out;
                    width: 18px;
                  }
                   
                  .r_header .menu-icon .navicon:before,
                  .r_header .menu-icon .navicon:after {
                    background: #00253D;
                    content: '';
                    display: block;
                    height: 100%;
                    position: absolute;
                    transition: all .2s ease-out;
                    width: 100%;
                  }
                   
                  .r_header .menu-icon .navicon:before {
                    top: 5px;
                  }
                   
                  .r_header .menu-icon .navicon:after {
                    top: -5px;
                  }
                  
                  .r_header .menu-btn {
                    display: none;
                  }
                  
                  .r_header .dropdown-content {
                     list-style-type: none;
                     display: none;
                     position: absolute;
                     background-color: #f3f3f3;
                     min-width: 160px;
                     top:58px;
                     right:20px;
                     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
                     padding: 12px 16px;
                     z-index: 4;
                  }
                  
                  .r_header .dropdown-content ul {
                    margin: 0;
                    padding: 0;
                    list-style: none;
                    overflow: hidden;
                    background-color: #fff;
                    color:#00253D;
                    width: 256px;
                  }
                  
                  .r_header .dropdown-content li {
                    width: 300px;
                  } 
                  
                  .r_header  .dropdown-content li a {
                    display: block;
                    font-family: 'Nunito', sans-serif;
                    font-size: 14px;
                      font-style: normal;
                      font-variant: normal;
                      font-weight: 500;
                      line-height: 26.4px;
                    color: #00253D;
                    padding: 20px 20px;
                    border-right: 1px solid #f4f4f4;
                    text-decoration: none;
                    font-weight: bold;
                  }
                  
                  .r_header .dropdown-content li:hover{
                    background-color: #f3f3f3;
                    color: #f3f3f3
                  }
                  
                  .r_header .dropdown-content li a:hover {
                    color: #f3f3f3;
                  }
                  
                  .r_header .menu-btn:checked ~ .dropdown-content {
                    display: block;
                  }
                   
                  .r_header .menu-btn:checked ~ .menu-icon .navicon {
                    background: transparent;
                  }
                   
                  .r_header .menu-btn:checked ~ .menu-icon .navicon:before {
                    transform: rotate(-45deg);
                  }
                   
                  .r_header .menu-btn:checked ~ .menu-icon .navicon:after {
                    transform: rotate(45deg);
                  }
                   
                  .r_header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
                  .r_header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
                    top: 0;
                  }

                  

}