body{margin:0;font-family:Arial,Helvetica,sans-serif}.topnav{overflow:hidden;background-color:#333;position:fixed;top:0;width:100%}.topnav a{float:left;color:#f2f2f2;text-align:center;padding:14px 16px;text-decoration:none;font-size:17px}.topnav a:hover{background-color:#ddd;color:#000}.topnav a.active{background-color:#4caf50;color:#fff}.grid-container{display:grid;grid-template-columns:auto auto auto;background-color:#fff2e6;padding:0}.grid-item{padding:0;text-align:center;font-size:30px}.ipl{width:409px;height:219px}h3{font-family:sans-serif;color:#000;font:bold;text-align:justify}.footer{width:100%;background-color:grey;color:#000;text-align:center}body,html{height:100%;margin:0;font-family:Arial,Helvetica,sans-serif;background-color:#fff2e6}.hero-image{background-image:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),url(../img/cup.jpg);height:80%;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative}.hero-text{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff}.hero-text button{border:none;outline:0;display:inline-block;padding:10px 25px;color:#000;background-color:#ddd;text-align:center;cursor:pointer}.hero-text button:hover{background-color:#555;color:#fff}.tex{background-color:grey;color:#fff;text-align:center}.column1{flex:25%;margin-left:10px;float:left}.column2{flex:75%;float:left}.row{display:flex;padding:10px}.cap{width:350px;height:250px}