/*Html*/
html{
    font-size:62.5%;
}

/*Body*/
body::before{
    content:"";
    background:url('images/contact.jpg') no-repeat center center/cover;
    top:0;
    left:0;
    position:absolute;
    width: 100%;
    height:100%;
    z-index:-1;
}
body{
    display:flex;
    flex-direction: column;
    height:100vh;
}


/*Navigation Bar*/
.navbar{
    padding:2rem;
    opacity:2;
    background-color: rgb(230, 80, 118);
}
.navbar-nav a{
    font-family: 'Roboto Slab', serif;
    color:black;
    margin-left:1rem;
    font-size:2rem;
}

.navbar-nav a:hover{
    color:white;
    border:0.1rem solid black;
}

/*Message*/
.cont5{
    display:flex;
    flex-direction:column;
    margin-top:3rem;
    text-align:center;
}
.cont5 h1{
    text-decoration: underline;
}
.cont6{
    display:flex;
    flex-direction: row;
    align-items:center;
    justify-content:center;
}
.cont7{
    display:flex;
    flex-direction: column;
    margin-right:2rem;
}
.cont7 a{
    text-decoration: none;
    font-size:1.5rem;
    font-weight:bold;
}
.cont7 i{
    margin-top:1rem;
    font-size:3rem;
}

.cont5 p{
    margin-top:2rem;
    text-align:center;
    font-size:2rem;
    font-weight: bold;
}

/*Footer*/
footer{
    width:100%;
    height:6rem;
    text-align:center;
    margin-top:auto;
    color:white;
    background-color:rgb(5, 16, 29);
}
footer p{
    font-size:1.5rem;
}

/*Media Query*/
@media(max-width:998px){
    html{
        font-size:55%;
    }
}
@media(max-width:768px){
    html{
        font-size:45%;
    }
    .cont7 a{
        font-size:1rem;
    }
}