.nodesktop{
    display:none
}
.nomobile{
    display:flex
}

@font-face {
    font-family: "MainFont";
    src: url("./Fonts/ALTRiviera-Medium.woff") format("woff");
    src: url("./Fonts/ALTRiviera-Medium.otf") format("opentype");
    font-style: normal;
  }

body{
  height: 96vh;
  width: 98vw;
    padding: 10px;
    margin: 0 auto;
    background-color: #DFE5EF;
    font-family: "MainFont";
    font-weight: 500;
}

*{
    font-family: "MainFont";
    font-weight: 500;
}

  
  a, p, h5{
    font-family: "MainFont";
    padding: 0px;
    color: inherit;
    text-decoration: none!important;
    margin: 0px;
font-size: calc(8px + .6vw);
font-weight: 500;
    
  }
  h5{
    margin-bottom: 10px;
  }

  a{
    transition: margin-left .5s;   

  }
  .content a:hover{
    margin-left: -10px;
  }
  ::selection{
    background-color:rgb(111, 122, 122);
  }
  button{
    background-color: black;
    font-family: "MainFont";
    color:#DFE5EF;
    text-transform: uppercase;
  
    padding-top:calc(2px + .2vw);
    padding-bottom:calc(2px + .03vw);
    padding-left:calc(3px + 3vw);
    padding-right:calc(3px + 3vw);
    border-radius:50px;
    height: fit-content;
    border:none;
  }

.header{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top:5px;
}

.footer{
  position: fixed;
  bottom: 0;
  left: 0;
  width: -webkit-fill-available;
  display: flex;             
  justify-content: space-between;
  z-index: 100;    
  padding: 1vw;
}


.content{
  display: flex;
  flex-direction: row;
  flex-grow: 4; 
  gap: 30px;
  flex: 1 1 300px; 
  margin-top: 20vh;
  flex-wrap: wrap;
}
.content div {
  flex: 0 0 calc((100% - 90px) / 4); /* 4 columns, minus gaps */
}
.content :last-child{
  flex:1;
}
/* MOBILE */

@media only screen and (max-width: 600px) {

  body{
    height: auto;
    
      
  }
    .nomobile{display:none;}
    .nodesktop{    display:flex    }
    a, p, h5{
  font-size: calc(15px + .6vw);
      
    }
    button{
      margin-top: auto;      
      background-color: #ffc0cb00;
      font-family: "MainFont";
      color:black;
      border: 1px solid black;
      text-transform: uppercase;
      padding:14px 50px 11px 50px;
      border-radius:50px;
      height: 45px;
      width: 98vw;
      justify-content: center;
      font-size: 1.3em;
      
        }

        .footer{
          justify-content: center;

        }
.content{ 
   margin-bottom: 10vh;}
        .content div{ flex: 1 1 calc(50% - 30px); /* Two per row */}


.footer{
  position: relative;
  bottom: 0;
  
}

}