html {
    background-color : antiquewhite;
}

body {

}

p {
    font-family : Georgia;
    font-size: 15px;
}

a {
    text-decoration: none;
    text-decoration-line: none;
}

h2 {
    text-align: center;
}

.heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    background-color: rosybrown;
    border-radius: 20px;
}

header div {
    
}

.logocontainer {
    width : 120px;
}

.logo {
    height: 100px;
    border-radius: 50%;
    margin : 10px;
}

.webmotto {
    display: flex;
    align-items: center;
    margin: 0px 10px 0px 10px;
    font-family: arial;
    font-weight: 100;
    height: 100%;
}

.adresscontainer {
   text-align : center;
   font-size :inherit;
}

nav {
    
}

.pagetitle {
    display: flex;
    align-items: center;
    justify-content : right;
    flex-direction: column;
    min-height : 20px;
    background-color: rosybrown;
    border-radius: 20px;
    margin: 5px 0px 5px 0px;
}

.ptitle {
    font-size: 17px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-weight: 100;
    color : darkblue;
}

.space {
    flex: 2;
}

.navispace {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    column-gap: 5px;
    flex: 1;
}

section {
    border-radius: 20px;
}

.twogrid1 {
    display: flex;
    flex-direction : column;
    row-gap : 5px;
    margin-bottom : 5px;
}

.rowa {
    flex : 2;
    background-color: yellowgreen;

}

.description  {
    padding : 20px 10px 10px 10px;
    font-family : 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size : 18px;
    text-align : center;
}

.rowb {
    display: flex;
    flex : 1;
    vertical-align: middle;
    justify-content: center;
    background-color: cornflowerblue;
}

.findimage {
    height: 100%;
    max-height :  100px;
    border-radius : 50%;
}

.twogrid2 {
    display: flex;
    flex-direction: column;
    row-gap: 5px;
    margin-bottom: 5px;
}

.rowc {
    display: flex;
    flex : 1;
    vertical-align: middle;
    justify-content : center;
    background-color: darkmagenta;
}

.rowd {
    flex : 2;
    background-color: darkcyan;
}

.rowa, .rowb, .rowc, .rowd {
    padding: 10px;
    border-radius: 20px;
    align-items : center;
}

.bottom {
    display: flex;
    flex-direction: column;
    background-color: rosybrown;
    border-radius: 20px;
    margin-bottom: 10px;
}

.bottomlogo {
    display : flex;
    flex : 1;
    align-items : center;
    justify-content : center;
    flex-direction : column;
    row-gap : 5px;
    padding : 2px;
}

.logob {
    padding-top:2px;
    height: 50px;
    border-radius: 50%;
}

.nameb,
.facultyb {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 10px;
    text-align: center;
}

.bottomnav {
    display: flex;
    flex: 2;
    justify-content: space-between;
    align-items : center;
    flex-direction: column;
    padding : 5px 0px;
}

.bottomnav a {
    font-size: 15px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-weight: 500;
    text-align: center;
}

.navigationword {
   
}

.bottominfo {
    display: flex;
    flex : 1;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    padding-bottom: 5px;
    row-gap: 5px;
}

.addresscontainer {
    display: flex;
    justify-content: left;
    flex-direction: column;
    column-gap: 5px;
}

.subaddress {
    display: flex;
    align-items : center;
    justify-content: center;
    flex-direction: row;
    padding-top: 5px;
    row-gap: 10px;
}

.addressimg {

}

.addressname {
    padding-left : 10px;
}

.addresslogo {
    height: 30px;
    border-radius: 50%;
}

.copyright {
    background-color: mediumseagreen;
    color: black;
    font-family: 'Times New Roman';
    height: 20px;
    margin: 0px;
    display: flex;
    justify-content: center;
    border-radius: 20px;
    margin-bottom: 10px;
}

@media (min-width : 768px) {
    .heading,
    .pagetitle,
    .navispace,
    .bottomnav {
        flex-direction: row;
    }

    .bottomnav {
        padding: 0px 5px;
    }

    .twogrid1 {
        flex-direction: row;
        column-gap: 5px;
        justify-content : center;
    }

    .twogrid2 {
        flex-direction: row;
        column-gap: 5px;
    }

    .bottom {
        flex-direction: row;
        column-gap: 5px;
    }

    .adresscontainer {
        padding-right: 10px;
        text-align: left;
        font-size: inherit;
    }

    .subaddress {
        justify-content: left;
    }
}