html { min-height: 100%;height: 100%;}
  body {
  color: rgb(34,38,38);
  margin: 0px; 
  padding: 0px;
  font-family: "Montserrat", sans-serif;  font-optical-sizing: auto;
  font-size: 1.1em;
  background-color: rgba(34,38,38,0.5);
  height: 100%;

  }

  
  
a {color: white;text-decoration: none;}
a:hover {text-decoration: none;color: #a71611;}
.clear {clear: both; font-size: 0px; height: 0px;}
img {border: none;}
.white  {color:white;}


h3  {display: block; margin: 40px 0 20px 0; font-size: 120%; font-weight: bold; text-transform: uppercase;}
h2 {display: inline-block; margin: 0px;font-size: 100%; padding: 0px;font-weight: normal;}
strong  {font-size: 110%; font-weight: normal;}
.content {
    margin: 0px auto;
    text-align: center;
    color: #ffffff;
    padding-top: 100px;
    background-image: url("../images/bg.jpg");background-repeat: no-repeat;
    background-size: cover;
    min-height:100vh;
  }

.socials {
    display:flex;
    text-align:center;
    text-align: center;
    justify-content: center;
    gap: 10px;
  }



/* ************** footer*********** */

.footer {margin: 10vh auto 0px auto; padding-bottom: 20px; text-align: center;font-size: 70%;}





      
@media screen and (max-width: 700px) {
    .content {
        padding-top: 5vh;
    }
  }
  





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

    
    
    
}