/* Footer */
   
 body{
  margin: 0px;
}


.media {
position: relative;
display: flex;
padding: 0.6rem;
font-size: 1.5rem;
left: 80%;
width: 100%;
letter-spacing: 14px;
}

.media a{
color: white;
}

.media a:hover{

  color: #dfc516;
  transition: 0.3s;

}

footer {
position: fixed;
display: flex;
width: 100%;
height: 2.8rem;
background-color: #6A07D2;
text-align: 10%;
bottom: 0%;
z-index:1200;
}

.copyright{
position: absolute;
display: flex;
padding: -0.4rem;
font-size: 1.2em;
left: 47%;
letter-spacing: 1px;
margin-top: 15px;
color: white;
font-family: 'Comfortaa', cursive;
}


#maisonneuve-logo{

  position: absolute;
  display: flex;
  margin-top: 0.625rem; 
  margin-left: 1.625rem;
  width: 1.5625em;
  height:1.5625em;
  background-image: url('../media/maisonneuve.jpg');
  background-repeat: no-repeat;
  background-size: contain;


}



@media screen and (max-width: 600px) {
  .media {
 display: none;
  }

  .copyright{
    padding: -0.4rem;
    font-size: 0.8rem;
    left: 41%;
    letter-spacing: 1px;
    margin-top: 15px;
    color: white;
    font-family: 'Comfortaa', cursive;
  }

  #maisonneuve-logo{
  
   display:none;
}
#footer{
  display: none;
}
}


@media screen and (max-width: 768px) {
/* .media {
display: none;
}

.copyright{
  padding: -0.4rem;
  font-size: 0.8em;
  left: 33%;
  letter-spacing: 1px;
  margin-top: 15px;
  color: white;
  font-family: 'Comfortaa', cursive;
}

#maisonneuve-logo{

 display:none;
} */

#footer{
  display: none;
}

}


@media screen and (min-width:601px) and (max-width: 768px) {

  .copyright{
    left: 40%;
    font-size: 1.2rem;
  }
    
}




@media screen and (min-width: 1200px) {
.media {
  position: relative;
  display: flex;
  padding: 0.6rem;
  font-size: 1.5rem;
  left: 88%;
  width: 100%;
  letter-spacing: 14px;
}

.media a{
  color: white;
}
 
.media a:hover{
  
    color: #dfc516;
    transition: 0.3s;
  
}

footer {
  position: fixed;
  display: flex;
  width: 100%;
  height: 2.8rem;
  background-color: #6A07D2;
  text-align: 10%;
  bottom: 0%;
}

.copyright{
  position: absolute;
  display: flex;
  padding: -0.4rem;
  font-size: 1.2rem;
  left: 47%;
  letter-spacing: 1px;
  margin-top: 15px;
  color: white;
  font-family: 'Comfortaa', cursive;
}


#maisonneuve-logo{
  
    position: absolute;
    display: flex;
    margin-top: 0.625rem; 
    margin-left: 1.625rem;
    width: 1.5625rem;
    height:1.5625rem;
    background-image: url('../media/maisonneuve.jpg');
    background-repeat: no-repeat;
    background-size: contain;
  
  
}

}