html , body {
  		max-width: 100%;
  		margin: 0 auto;
  		position: relative;
  		overflow-x: hidden;
  		overflow-y: auto;

  		}

      * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;

    }


    /*barra de navegaçao*/
        #navbar {
  			 text-align: center;
    		 z-index: 9999;
    		 width: 100%;
    		 background: #ebe399;
         background-size: 50px;
         height: 75px;
         overflow: hidden;
         position: fixed;
         opacity: 0.75;
    		}
        #navbar a{
  			float: right;
        color: #A72B32;
        font-size: 15px;
        font-family: "comfortaa";
        text-align: center;
        padding: 15px;
        text-decoration: none;
        margin-top: 15px;
    		}
        #navbar a:hover{
        color: #5c7360;
        text-decoration: none;
        }
        #navbar img{
          margin-left: -70%;
          margin-top: 10px;
          width: 60px;
          margin-bottom: 20px;
        }


  /*portfolio*/
        .page {
          display: flex;
          flex-wrap: wrap;
          padding-top: 20px;
        }

        .parte {
          width: 100%;
          height: 300px;
          display: flex;
          justify-content: center;
          align-items: center;
          margin:6px;
          margin-top: 110px;
        }
        .parte2 {
          width: 100%;
          height: 550px;
          display: flex;
          justify-content: center;
          align-items: center;
          margin:6px;
        }
        .parte3 {
          width: 100%;
          height: 215px;
          display: flex;
          justify-content: center;
          align-items: center;
          margin:6px;
        }
        .parte4 {
          width: 100%;
          height: 550px;
          display: flex;
          justify-content: center;
          align-items: right;
          margin:6px;
          margin-left: 590px;
          margin-top: -320px;
        }

        .ret-5  {
          margin-left: 9px;
        }
        img{
          width: 100%;
        }

        .imgback {
          background-image: url("../img/backimg.jpg");
          min-height: 650px;
          background-attachment: fixed;
          background-position: center;
          background-repeat: no-repeat;
          background-size: cover;
        }
        h1{
          font-family:"Montserrat";
          font-size: 30px;
          text-align:center;
          align-items: center;
          color: #A0931F;
          margin-top: 60px;
        }

#myGrid{
  margin:10px;
  margin-top: 85px;
  margin-left: 13%;}
img{
    padding: 5px;
  }
#sobre{
  background-color:#A72B32;
  height: 600px;
  margin-top: 50px;
}
#sobre img{
  border-radius: 50%;
  width: 300px;
  margin-top: 20px;

}
#sobre h1{
color: white;
padding-top: 80px;
}

#sobre p{
  font-size: 20px;
  color: white;
  margin-top: 100px;
  font-family: "comfortaa";
  text-align: justify;
}
#contacto{
background-color: white;
height: 620px;
font-family: "Montserrat";
overflow: hidden;
text-align: right;

}
#contacto h1{
  color: #A72B32;
}

input[type=text], select, textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #A72B32;
  border-radius: opx;
  resize: vertical;
  margin:10px;
  background: white;
  color:black;
}

label {
  padding: 12px 12px 12px 0;
  display: inline-block;
    font-family: "comfortaa",Regular;
    color: #A72B32;
}

input[type=submit] {
  background-color: #A0931F;
  color: ;
  padding: 12px 20px;
  border: none;
  border-radius: 0px;
  cursor: pointer;
  margin-top: -60px;
  float: left;
  margin-left:  190px;

}

input[type=submit]:hover {
  background-color: #A72B32;
  color: white;
}


.row:after {
  content: "";
  display: table;
  clear: both;
}

#footer{
background-color: #A0931F;
height: 80px;
font-family: "Montserrat";
overflow: hidden;
text-align: center;

}

#footer i{
  color: white;
  font-size: 25px;
  padding: 15px;
  margin-top: 10px;

  }