body {
  margin:auto;
}
.image-div{
  overflow: hidden;
  margin:0px;
  background-image: url(./uploads/ANGELFISH-bg-s.jpg);
  width:100vw;
  min-height:100vh;
  background-position: center;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  text-align: center;
}

.logo {
padding-top:15vh;
width: auto;
min-width:300px;
max-width:90vw;
width:763px;
height: auto;
margin:auto;
position: relative;
display: block;
}
@media screen and (max-width:699px) {
  h1 {
  font-family: 'Lato', sans-serif;
  font-weight:400;
  font-size: 50px;
  line-height: 1.2em;
  color:white;
  text-align: center;
  margin:auto;
  padding-top:6vh;
  width: 80%;
  position: relative;
  display: block;
}
h2 {
font-family: 'Lato', sans-serif;
font-weight:800;
font-size: 40px;
line-height:  1.2em;
letter-spacing: 0.27em;
color:white;
text-align: center;
margin:auto;
margin-top:4vh;
width: 80%;
position: relative;
display: block;
text-transform:uppercase;
}
h3 {
font-family: 'Lato', sans-serif;
font-weight:800;
font-size: 25px;
line-height:  1.2em;
letter-spacing: 0.12em;
color:white;
text-align: center;
margin:auto;
padding-top: 66px;
width: 80%;
position: relative;
display: block;
text-transform:uppercase;
}
.hr-div {
  width: 320px;
  border-top: solid 2px white;
  margin:auto;
  margin-top:20px;
  margin-bottom:32px;
}
}
@media screen and (min-width:700px) {
  h1 {
  font-family: 'Lato', sans-serif;
  font-weight:400;
  font-size: 70px;
  line-height: 84px;
  color:white;
  text-align: center;
  margin:auto;
  padding-top:6vh;
  width: 80%;
  position: relative;
  display: block;
}
h2 {
font-family: 'Lato', sans-serif;
font-weight:800;
font-size: 60px;
line-height: 72px;
letter-spacing: 0.27em;
color:white;
text-align: center;
margin:auto;
padding-top:2vh;
width: 80%;
position: relative;
display: block;
text-transform:uppercase;
}
h3 {
font-family: 'Lato', sans-serif;
font-weight:800;
font-size: 35px;
line-height: 42px;
letter-spacing: 0.12em;
color:white;
text-align: center;
margin:auto;
padding-top:66px;
width: 80%;
position: relative;
display: block;
text-transform:uppercase;
}
.hr-div {
  width: 408px;
  border-top: solid 2px white;
  margin:auto;
  margin-top:20px;
  margin-bottom:32px;
  overflow: hidden;
}
}
@media screen and (min-width:461px) {
.icons-div {
    margin:auto;
    width: 440px;
    text-align: center;
    display: inline-flex;
    margin-bottom:6vh;
    overflow: hidden;
}
.icon {
  margin:auto;
  position: relative;
  display: block;
  padding: 10px 25px;
}
}
@media screen and (max-width:460px) {
.icons-div {
    margin:auto;
    width: 360px;
    text-align: center;
    display: inline-flex;
    margin-bottom:6vh;
    overflow: hidden;
}
.icon {
  margin:auto;
  position: relative;
  display: block;
  padding: 10px 18px;
  height: 50px;
}
}