/* @media only screen and (max-width: 1350px) {

    #header{
        position: relative;
        bottom: 0px;
    }
}
  
@media only screen and (min-width: 1351px)  
{
  
    #header{
        position: relative;
    }
    
} */

  /* 
    ##Device = Laptops, Desktops
    ##Screen = B/w 1025px to 1280px
  */
  
body{
    color: #121C4F !important;
    background-image: url("ADP_AI.png");
    font-family: "proxi", "Lato", "Roboto" !important;
    font-weight: 400 !important;
    background-repeat: no-repeat;
    margin-top: -30px !important;    
}

body {
    transform: scale(.9);
}



/* 

                We are experiencing an unexpected system disruption and 
                we are working to restore access as soon as possible.
                We value your time, and apologize for this inconvenience.
*/
#logoImg{
    max-width: 130px;
}
/* .headerContainer{
    max-height: 550px;
} */
/* #footerMsg{
    margin: 0px;} */
@font-face {
    font-family: "proxi";
    src: 
    url("./fonts/proximanova-regular.woff2"),
    url("./fonts/proximanova-bold.woff") 
    
  }
.card-body{
    background-color: #FAEBD7 !important;
}
.card{
    background-color: #00000000 !important;
    border: none !important;
}





p{
    margin: 0px !important;
    font-size: 20px;
}

#header{
    /* max-width: 800px; */
    /* max-height: 100%; */
     /* width: 130%; */
    /* max-height: auto; */
    
}
.img-fluid{
    overflow: hidden !important;
    border-bottom: 2px solid rgb(184, 1, 1);

}

#frame{
    border: 2px solid rgb(184, 1, 1);
}
#watermark{
    width: 80px;
    height: auto;
}

#english{
    border-top: 2px solid rgb(184, 1, 1);
    border-bottom: 2px solid rgb(184, 1, 1);

}
#french{
    border-top: 2px solid rgb(184, 1, 1);

}

.card-body{
    background-color: antiquewhite;

}
.previewModalBody{
    position: relative;
    height: 100%;
}
.footerContainer{
    position: absolute;
    bottom: 0;
}
img {
    display: -ms-inline-flexbox;

}

.container{
    width:1020px; 
    margin:0 auto;
    padding:10px;
  }

/* dfsdfds */
/* CSS reset */
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
    margin:0;
    padding:0;
}
html{
    margin:0;
    padding:0;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
fieldset,img { 
    border:0;
}
input{
    border:1px solid #b0b0b0;
    padding:3px 5px 4px;
    color:#979797;
    width:190px;
}
address,caption,cite,code,dfn,th,var {
    font-style:normal;
    font-weight:normal;
}
ol,ul {
    list-style:none;
}
caption,th {
    text-align:left;
}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
}
q:before,q:after {
    content:'';
}
abbr,acronym { 
    border:0;
}