
*{
 margin: 0px;
padding: 0px;
  border: 0px;}

body{
	font-family: 'Roboto', sans-serif;Background-color:#333;}

.logo {
    width: auto;
    height: 125px;
    padding: 0px 30px;
	margin: 10px auto;

}
 h1{
	margin-left:230px;
	margin-top: -130px;
	 margin-bottom: 20px;
	color:white;
	font-size: 35px;
	 line-height: 2.5rem;
}

/* Add a black background color to the top navigation */
.topnav {
  overflow:hidden;
	margin-bottom: 10px;
	padding:10px;
	float: right;
	
}

/* Style the links inside the navigation bar */
.topnav a {
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
	font-size: 1.2rem;
	font-weight: bold;
	margin-right: 50px;
	
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* Add an active class to highlight the current page */
.topnav a.active {
  background-color: #017BFE;
  color: white;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;
}
 .wrapper{display:grid;width:100%;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(6, 200px);
grid-column-gap: 40px; grid-row-gap: 20px;}
h2{color:white;font-size: 2rem; margin-top:20px; text-align:center;}
h3{color:white;font-size: 1.7rem; margin-top:20px; margin-left:40px; text-align:left;}
p{margin:20px 50px; color:white; font-size: 1.4rem;  line-height:1.5em;}

.box-1 {
  grid-column-start:2;
  grid-column-end: 4;
  grid-row-start: 1;
  grid-row-end: 6;
  background-color:#0d728e;
 margin:0 50px 0 0 ; padding:10px; border-radius: 30px;
}
.box-2 {
  grid-column-start:1;
  grid-column-end:2;
  grid-row-start: 1;
  grid-row-end: 3;background-color:#0d728e;
 padding:10px; border-radius: 30px;  margin-left:15px;
}
.images{height:300px;margin-top:10px; margin-left:15px;}

a.header-btn{
  display: block;
  margin-top: 20px;
  margin-left:250px;
   height: 60px;
   width: 180px;
   font-size: 1.2rem;
   color: #fff;
	font-weight: bold;
   padding: 0 12px;
   /* From https://css.glass */
background: rgba(255, 255, 255, 0.2);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 1px solid rgba(255, 255, 255, 0.3);
   line-height: 60px;
   border-radius: 30px;
  text-align:center;
  text-decoration: none;
}



