*{
 padding: 0;
 margin: 0;
 font-family: "quicksand","Roboto", sans-serif;
 font-weight: lighter;
 text-transform: uppercase;
}
html{
 background-color: #363636;
}
#hero{
 height: 700px;
 background: linear-gradient(rgba(0 ,0 ,0 , 0.8), rgba(0 ,0 ,0 , 0.1)) , url("../images/beach.jpeg");
 background-size: cover;
 position: relative;
 background-repeat: no-repeat;
 overflow: hidden;
 display: flex;
 flex-direction: row;
 justify-content: space-around;
 color: white;
 
 
}
h1{
 margin: 0;
 padding: 0;
}
#col1{
border-radius: 4px;
 background-color: rgba(0, 0, 0, 0.65);
 position: relative;
}
#subscriber{
 height: 80%;
 width: 90%;
 margin: 30px auto;
 position: relative;
 display: flex;
 flex-direction: row;
 justify-content: space-between
}
button{
 width: 100%;
 margin: 5px auto;
 height: 45px;
 background-color: transparent;
 box-sizing: border-box;
 border: solid 0px transparent;
 border-radius: 10px;
 padding: 5px 5px 5px 15px;
 color: black;
 font-size: 16pt;
 cursor: pointer;
 background-color: rgba(255, 255, 255, 0.84)
}
#getnews{
 font-size: 15pt;
 margin-top: 5px
}
footer{
 height: 200px;
 background-color: rgba(155, 155, 155, 0.71);
 position: relative;
}
footer > .tri{
 border-color: transparent transparent rgba(155, 155, 155, 0.71) transparent;
}