.flex-container {
  display: flex;
  justify-content: space-between;
}

.flex-container-left {
  display: flex;
  align-items: center;
}

footer .flex-container {
  justify-content: center;
}

.box {
  padding:  1.5em 1.5em;
}

body {
  margin: 0;
}

.header {
  background-color: rgba(100, 100, 100, 0);
  padding: 0;
  margin: 0;
  overflow: auto;
  display: block;
  width: 100%;
}

div {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  color: white;
}

.smallLeftPad {
  padding: 0em 3em;
}

h2 {
  font-size: 6vh !important;
  color: black;
  padding: 1vw;
  margin-bottom: 3vh !important;
  margin-top: 3vh !important;
  margin:auto;
  margin-left: 2vw;
  -webkit-text-size-adjust: 100%;
}

.smallH2 {
  margin-top: 6vh;
  margin-bottom: 2vh !important;
  font-size: 4vh !important;
  margin:auto;
  margin-left: 2vw;
  -webkit-text-size-adjust: 100%;
}

li {
  color: black !important;
  margin: auto;
  padding: 0.2em;
  margin-left: 1vw;
  font-size: 2.3vh !important;
  -webkit-text-size-adjust: 100%;
}

a {
  color: inherit;
  text-decoration: inherit;
  cursor: inherit;
}

p {
  font-size: 2.3vh !important;
  margin: auto;
  margin-bottom: 7vh;
  -webkit-text-size-adjust: 100%;
}

.privacy {
  padding: 1vw !important;
  color: black !important;
  margin-left: 2vw;
  margin-bottom: 2vh;
  text-align: justify !important; 
  margin-right: 2vw !important;
}

h3 {
  font-size: x-large;
  color:white;
  padding: 0vw 0vh;
  margin:auto;
  margin-top: 0vh;
  font-weight: 400;
  margin-bottom: 10vh;
  -webkit-text-size-adjust: 100%;
}


.center {
  position: absolute;
  top: 20%; left: 50%;
  transform: translate(-50%, -20%);
  text-align: center;
}

.centerImage{
  height: 10vh; 
  max-width: 30vw; 
  position: absolute;
  top: 0%; 
  left: 50%;
  transform: translate(-50%, -0%);
}


.phone {
  position: absolute;
  top: 50%; right: 10%;
  transform: translate(-5%,-50%);
}

.white {
  color: white;
}

.black {
  color: black;
}

section {
  height: 88%;
}

.smallSection{
  height: 10%;
}

footer {
  height: 5em;
  color: white;
}

footer div {
  color: grey;
  
}

footer .link {
  font-size: medium !important;
}

.copyright{
  font-size: x-small !important;
  padding: 1vh;
}

.navigation{
  font-weight: 600;
  font-size: large;
  line-height: 30px;
}

.blueGradient {
  /* background-image: linear-gradient(to bottom left, rgb(0,224, 255), rgb(0,63, 255));
  background-repeat:  no-repeat;*/
  background: url("wave.svg");
  background-size: 100%;
  background-repeat: no-repeat;
}

.whiteBG {
  background-color: transparent;
}

.darkBG {
  background-color: rgb(30, 30, 30);
}

.gradient {
  background-image: linear-gradient(70deg, rgb(180, 0, 0), rgb(255,0, 5) 50%);
  background-repeat:  no-repeat;
}

.topImage {
  background-image: url("unewsBackground3.png");
  background-size: cover;
}

.greyBG {
  background-color: rgb(243, 243, 243);
}

button {
  background-color: white;
  border-style: solid;
  border-width: medium;
  border-color:  white;
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  color:rgb(0,63, 255);
  border-radius: 50px;
  font-size: 1em;
  padding: 0.5em 1em;
  margin-top: 5em;
}

.noSelect {
  -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

.roundedCorners{
  border-radius: 18px;
  padding: 2em;
  margin: 2em;
}

.appPadding{
  padding: 2em;
  margin: 0em;
}



.newsRounded{
  border-radius: 12px;
  padding: 0em;
  margin: 1em;
  margin-left: 2em;
  margin-right: 2em;
}

.dropShadow{
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
}

.articleBody{
  max-width: 100vw; 
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translate(-50%, -0%);
}


@media all and (max-width: 4000px) {
  .articleBody{
    max-width: 50vw;
    width: 50vw;
  }
}

@media all and (max-width: 1200px) {
  .articleBody{
    max-width: 60vw;
    width: 60vw;
  }
}

@media all and (max-width: 900px) {
  .first {
    height: 150% !important;
  }

  .phone {
    position: absolute;
    top: 135%; right: 50%;
    transform: translate(50%,-100%);
  }
  
  .appstore{
    width: 31.25vh !important; 
    height: 10.3625vh !important;
  }
  .articleBody{
    max-width: 100vw;
    width: 100vw;
  }
}