body {
    margin: 0px;
    font-family: 'Segoe UI Light';
    background-color: #f9f9f9;
}
h4 {
    font-size: 32px;
    font-family: 'Segoe UI Light';
    color: #f2e9e9;
    font-weight:500;
}
a {
    text-decoration: none;
    color: inherit;
}
.logo_arc {
    float: right;
    top:0px
}
#header {
    background-color: #E22F83;
    color: #fff;
    padding: 30px 50px;
    font-size: 38px;
    font-family: 'Trajan Pro';
}

    #header div {
        display: inline-block;
        vertical-align: middle;
    }

 #header div p {
      font-size: 22px;
      margin-top: 2px;
  }

 .container {
    display: none;
}

nav {
    text-align: center;
    margin: 0 auto;
}

nav ul {
        text-decoration: none;
        list-style: none;
    }

nav ul li {
            color: #E22F83;
            display: inline-block;
            width: auto;
            margin: 0 auto;
            padding: 5px 20px;
        }

 nav ul li a {
        font-size: 1.2em;
        font-weight: 600;
            }

 nav ul li:hover {
         background-color: #E22F83;
         color: white;
 }

#main {
    padding: 30px 50px;
}

    #main div {
        display: inline-block;
        vertical-align: top;
    }

#welcome {
    width: 700px;
    padding: 10px 30px;
}

.hd {
    font-size: 2em;
    margin-top: 0px;
}

#quick {
    padding: 10px 30px;
    width: 400px;
}

.mylink {
    background-color: #E22F83;
    padding: 10px 15px;
    font-size: 2em;
    margin-top: 0px;
    color: white;
}

#quick ul {
    list-style: none;
}

    #quick ul li {
        padding: 20px 0px;
        font-size: 24px;
        margin-left: -30px;
        border-bottom: 1px solid #ebe4e4;
    }

        #quick ul li:hover {
            background-color: #eae5e5;
            color: #E22F83;
        }

        #quick ul li img {
            padding: 0px 15px;
        }

.access li i {
    padding: 0px 10px;
}

#knowus {
    padding: 30px 50px;
    background-color: #ebe4e4;
    text-align: center;
}

    #knowus div {
        display: inline-block;
        width: 250px;
        padding: 10px 10px;
        vertical-align: top;
    }

        #knowus div img {
            width: 250px;
            height: 250px;
            border-radius:50%;
        }

            #knowus div img:hover {
                transform: scale(1.1);
            }


#achieve {
    padding: 30px 50px;
    background-color: #ebe4e4;
    text-align: center;
}

    #achieve div {
        display: inline-block;
        width: 250px;
        padding: 10px 10px;
        vertical-align: top;
    }

        #achieve div img {
            width: 250px;
            height: 250px;
            border-radius:50%;
        }

footer {
    padding: 30px 50px;
    background-color:#343a40;
    color:#D7DDDF;
}

#head_footer div {
    display: inline-block;
    width: 350px;
    padding: 10px 30px;
    vertical-align: top;
}

#foot {
    padding: 30px 50px;
     background-color:#212529;
    color:#D7DDDF;
}


    #foot div {
        display: inline-block;
        width: 560px;
    }

.contact {
    padding: 10px 30px;
}

.size {
    font-size: 24px;
}

.follow {
    padding: 10px 30px;
    vertical-align: top;
}

.txtsmall {
    text-align: center;
     background-color:#212529;
    color:#D7DDDF;
}
.adjust {
    padding:5px
}
.pgs {
    min-height:400px;
    padding:30px 50px;
}
#gmap {
    background:url(images/gmap.jpg) no-repeat;
   background-position:center;
   min-height :300px;
   
}
#gmap div{
    text-align:center;
    font-size:2em;   
    vertical-align:middle;
    font-weight:bold;
    padding:130px 50px 30px 50px;
   color:white;
}
.stud {font-size: 14px; font-weight:lighter}
.admin {
 padding:60px 100px ;

  /* Create the parallax scrolling effect */
  background-image: url("images/admin.jpg");
  min-height: 300px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:white;
}
    .admin div {
          display:inline-block;
                    width:47%;
                    vertical-align:top;
                    font-size:20px;
           }

.register {
    background-color:darkslategray;
    color:white;
    padding:20px 30px 50px 30px;
     }
.buttn {
    background-color:#E22F83;
    color:white;
    border-radius:10px;
     padding:10px;
        border:none;
        font-size:24px;
}
    .buttn:hover {
        background-color: white;
        color: #E22F83;
       
    }