body{
margin:0;
padding:0;
font-family: 'Noto Serif KR', sans-serif;
font-size:19px; }
#banner-text{
    font-family:Times New Roman;
    text-align: center;
    margin-top:13%;
    color:white;
    
}
#banner-welcome{
    font-size:75px!important;
    text-shadow: 2px 2px 4px #000000;
    text-align: center;
    font-family:Times New Roman;

}
#banner-header{
    font-size:85px!important;
     text-shadow: 2px 2px 4px #000000;
    text-align: center;
    font-family:Times New Roman;

}
#banner-header2{
    font-size:65px!important;
     text-shadow: 2px 2px 4px #000000;
    text-align: center;
    font-family:Times New Roman;

}
.parallax 
{ 
background-image:url('image/parallex.jpg');
background-size:cover;
background-position:center;
background-repeat:none;
height:100vh;
background-attachment:fixed;
}
#collegename
{
    margin-top:15%;
    color:white;
    position:absolute;
    text-align: center;
}
#parallaxwelcome{
    font-size:75px;
    text-shadow: 2px 2px 4px #000000;
    font-family:Times New Roman;
}
#parallaxheading1{
    font-size:85px;
    text-shadow: 2px 2px 4px #000000;
    font-family:Times New Roman;
}
#parallaxheading2{
    font-size:65px;
    text-shadow: 2px 2px 4px #000000;
    font-family:Times New Roman;
}
#main-body
{
margin-top:20px;
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.50);
margin-bottom:20px;

}
#subheading
{
font-family:Times New Roman;
font-size:60px;
text-align:center;
padding:20px;
color:#8B0000;
}
#message
{
padding:7px;
}
#message-row{
    margin-top:20px;
    margin-bottom:20px;
}
#faculty-info{
    text-align:center;
    padding:15px 10px 15px 10px;
    margin-top:5%;
}
.card
{
    margin-top:15px;
    margin:10px;
    padding:0px;
    border-bottom:5px solid #8B0000;
    box-shadow:0 6px 20px 0 rgba(0, 0, 0, 0.40);
}
.departmentsbutton
{
    color:black;
    border:1px solid black;
    margin:5px;
    font-size:21px;
}
.departmentsbutton:Hover
{
    color:#c12525;
    border:1px solid black;
    margin:5px;
}
#departmentsh1
{
color:#c12525;
}

#footer-background-pic
{
background:linear-gradient(rgb(179, 0, 0,0.75),rgb(179, 0, 0,0.75)) ,url('image/footer.JPG');
background-attachment:fixed;
background-repeat:none;
background-position:center;
background-size:cover;
position:relative;
}
#side-bar{
background:rgb(0,0, 0,.85);
}
a{
 text-decoration:none;
}
#sidebar.active{
    left:0px;
    
}

/*For Mobile phones */
@media (max-width: 768px)
{
body{
margin:0;
padding:0;
font-family: 'Noto Serif KR', sans-serif;
font-size:16px; }

#banner-text{
    font-family:Times New Roman;
    text-align: center;
    margin-top:35vh!important;
    color:white;
    
}
#banner-welcome{
    font-size:35px!important;
    text-shadow: 2px 2px 4px #000000;
    text-align: center;
    font-family:Times New Roman;

}
#banner-header{
    font-size:40px!important;
     text-shadow: 2px 2px 4px #000000;
    text-align: center;
    font-family:Times New Roman;

}
#banner-header2{
    font-size:30px!important;
     text-shadow: 2px 2px 4px #000000;
    text-align: center;
    font-family:Times New Roman;

}
.parallax 
{ 
background-image:url('image/parallex.jpg');
background-size:cover;
background-position:center;
background-repeat:none;
height:100vh;
background-attachment:fixed;
}
#collegename
{
    margin-top:35vh!important;
    color:white;
    position:absolute;
    text-align: center;
}
 #parallaxwelcome{
    font-size:40px!important;
    text-shadow: 2px 2px 4px #000000;
    font-family:Times New Roman;
}
#parallaxheading1{
    font-size:45px!important;
    text-shadow: 2px 2px 4px #000000;
    font-family:Times New Roman;
}
#parallaxheading2{
    font-size:35px!important;
    text-shadow: 2px 2px 4px #000000;
    font-family:Times New Roman;
}
#main-body
{
margin-top:20px;
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.50);
}
#subheading
{
font-family:Times New Roman;
font-size:35px!important;
text-align:center;
padding:20px;
color:#8B0000;
}
.card h2
    {
        font-size:20px;
    }
#footer-background-pic
{
background: #811818;
background-attachment:fixed;
background-repeat:none;
background-position:center;
background-size:cover;
position:relative;
}
}







/*For Tablets  */
@media (max-width:992px)

{
body{
margin:0;
padding:0;
font-family: 'Noto Serif KR', sans-serif;
font-size:17px; }
    
 #banner-text{
    font-family:Times New Roman;
    text-align: center;
    margin-top:35vh!important;
    color:white;
    
}
#banner-welcome{
    font-size:65px!important;
    text-shadow: 2px 2px 4px #000000;
    text-align: center;
    text-align: center;
    font-family:Times New Roman;

}
#banner-header{
    font-size:70px!important;
     text-shadow: 2px 2px 4px #000000;
    text-align: center;
    font-family:Times New Roman;

}
#banner-header2{
    font-size:55px!important;
     text-shadow: 2px 2px 4px #000000;
    text-align: center;
    font-family:Times New Roman;

}
.parallax 
{ 
background-image:url('image/parallex.jpg');
background-size:cover;
background-position:center;
background-repeat:none;
height:100vh;
background-attachment:fixed;
}
#collegename
{
    margin-top:35vh;
    color:white;
    position:absolute;
    text-align: center;
}
#parallaxwelcome{
    font-size:65px;
    text-shadow: 2px 2px 4px #000000;
    font-family:Times New Roman;
}
#parallaxheading1{
    font-size:70px;
    text-shadow: 2px 2px 4px #000000;
    font-family:Times New Roman;
}
#parallaxheading2{
    font-size:55px;
    text-shadow: 2px 2px 4px #000000;
    font-family:Times New Roman;
}
#main-body
{
margin-top:20px;
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.50);
}
#subheading
{
font-family:Times New Roman;
font-size:45px;
text-align:center;
padding:20px;
color:#8B0000;
}
.card h2
    {
        font-size:23px;
    }
 #footer-background-pic
{
max-width: 100%;
background: #811818;
background-attachment:fixed;
background-repeat:none;
background-position:center;
background-size:cover;
position:relative;
}       
}
a{
 color:black;
}