* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
  height: 100vh; 
  width: 100%;
}
#copyright{
    font-size: 16px;
    font-family: 'Barlow', sans-serif;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
}
@font-face {
    font-family: Helvetica;
    src: url("../fonts/Helvetica.ttf");
}
@media only screen and (max-width: 600px) {
    
    #content{
        height: auto;
    }
    #edn-img{
        text-align: center;
    }
    #edn-2{
        text-align: center;
    }
    #background{
      
        background-image: url("../img/EDAYAN-WEBSITE-VERIFICATION-PAGE.png") ;
        height: auto; 
        width: auto;
    }
    #copyright{
        padding-top: 30px;
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    
    #content{
        height: auto;
    }
    #edn-img{
        text-align: center;
    }
    #edn-2{
        text-align: center;
    }
    #background{
        background-image: url('../img/EDAYAN-WEBSITE-VERIFICATION-PAGE.png');
        height: auto; 
        width: auto;
    }
    #copyright{
        padding-top: 30px;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    
    #content{
        height: auto;
    }
    #edn-img{
        text-align: center;
    }
    #edn-2{
        text-align: left;
    }
    #background{
        background-image: url('../img/EDAYAN-WEBSITE-VERIFICATION-PAGE.png');
        height: 100vh; 
        width: auto;
    }
    #copyright{
        padding-bottom: 30px;
        position: fixed;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    
    #content{
        height: 80vh;
    }
    #edn-img{
        text-align: right;
    }
    #edn-2{
        text-align: left;
    }
    #background{
        background-image: url('../img/EDAYAN-WEBSITE-VERIFICATION-PAGE.png');
        height: 100vh; 
        width: auto;
    }
    #copyright{
        padding-bottom: 30px;
        position: fixed;
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    
    #content{
        height: 80vh;
    }
    #edn-img{
        text-align: right;
    }
    #edn-2{
        text-align: left;
    }
    #background{
        background-image: url('../img/EDAYAN-WEBSITE-VERIFICATION-PAGE.png');
        height: 100vh; 
        width: auto;
    }
    #copyright{
        padding-bottom: 30px;
        position: fixed;
    }
}