html,
body {
  width: 100%;
  height: 100%;
  	
}
header {
  width: 100%;
  height: 400px;
  background-image: url(assets/CGS2_cP9.jpeg);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:50% 30%;
}

body{
	background-color: rgba(100, 50, 50, .2);
	font-family: 'Montserrat', serif;
}

#wave {
 height: 100px; 
 margin-bottom:-100px;
 overflow: hidden;
}

#icon{
	width:80px;
}

#title{
	width:250px;
}


#divider{

    background-color: rgba(0,0,0, .05);
	height:10px
}

.button-container{
	position:relative;
	opacity: 0.8;
	transition: opacity 0.3s ease-in-out;
	width:100%;
	height:100%;
	text-decoration:none;
	display:block;
}

.button-container:hover {
opacity: 1;
}

.button-pic{
	width:100%;
	border:20px solid  rgba(255,255,255, 1);
}


.button-link-text{
	top:auto;
	bottom:0;
	position: absolute;
	
	padding:20px;
	font-size:30px;
	font-weight:bold;
	text-transform:uppercase;
	width:100%;
	text-align:center;
	color: rgb(26, 88, 166);
	background-color: rgba(255,255,255, 1);
}