*{
    box-sizing: border-box
}
body {
    background:linear-gradient(#eeeeee,#ffffff);
    background-attachment: fixed;
    margin: 0px;
    color: #000;
    font-family:Roboto;
    }
#covering{
    display: grid;
    grid-auto-rows: minmax(0px , auto);
    grid-template-columns:minmax(0px, 1fr) repeat(6, minmax(0, 175px)) minmax(0px, 1fr) ;
    }
#skybar {
    background-color: #3B60E2;
    grid-row: 1/2;
    grid-column: 1/-1;

}
#bluebar{
    background-color: #010028;
    grid-row: 1/2;
    grid-column: 1/-1;
}
header {
    background-color: #3B60E2;
    color:#fff;
    font-family:Roboto;
    grid-row: 1/2;
    grid-column:2/8;
}
.rightH1{
    display: inline-block;
    float: right;
}
h1 {
    padding-left: 1em;
}

.child { display: inline-block; }

header div{
    background-image: url(clogo.png);
    background-repeat: no-repeat;
    background-position: center;
    background-origin: content-box;
    padding-left: 5rem;
    padding-right: 6rem;
}

/* header h1{
    padding-left: 5rem;
    padding-right: 5rem;
    padding-right:5rem ;
} */
header a{
    text-decoration: none;
    color: #fff;
}
#homeCV{
    background-image:url(homeCV.jpg);
    background-size: cover;
    height: 300px;
    background-position: unset;
    grid-row: 3/6;
    grid-column: 1/-1;
}
nav {
    background-color:#010028 ;
    font-weight:500;
    top: 0;
    grid-row: 2/3;
    grid-column: 1/-1;
    font-family: arial;
}
nav ul{
    display: block;
    margin: 0px;
    padding:0px;
    list-style-type:none;
    display: flex;
    flex-flow: row nowrap;
}

nav a{  
    text-decoration: none;
    text-align: center;
    color: #FFFFFF;
    padding: 1rem 0rem;
    display:block;
    margin-left: 0;
}
nav ul li {
    width: 100%;
}
a:hover {
    background-color:#00239F;
}
main{
    background-color:#3B60E2;
    padding-left: 2em;
    padding-right: 2em;
    padding-top: 1px;
    padding-bottom: 1px;
    display: block;
    margin-left: 70px;
    margin-right: 70px;
    grid-row: 6/7;
    grid-column: 2/-2;     
}
#about{
    background-color:#CED4D7;
    text-align: center;
}
h2 {
    color:#00239F;
    font-family:Roboto;
}
.intro{
    color:#00239F;
    font-size: 1.2em;
}
p{
    color: #fff;
}
footer {
    background-color:#010028;
    color: #fff;
    font-size: .70em;
    font-style: italic;
    text-align: center;
    margin-left: 70px;
    margin-right: 70px;
    padding: 1em;
    grid-row: 7/8;
    grid-column: 2/8;
}
@media screen and (max-width:992px) {
  header div{
    background-position: center;
    padding-right: 0rem;
    padding-left: 2rem;
  }
  .rightH1{
    padding-right: 2em;
  }
  nav{
    grid-row: 2/3;
    grid-column: 1/5;
  }
  Nav ul{
    flex-flow: column nowrap;
  }
  a:hover {
    background-color:#00239F;
}
  #homeCV{
   grid-row: 2/3;
   grid-column: 5/8;
   
  }
  section{
    float: none;
    width: 100%;
    padding-right: 0px;
  }
}
@media screen and (max-width:768px) {
    h1{
        padding-left: 0rem;
    }
    .child{
        padding-left: 0.5rem;
    }
    .rightH1{
        display: none;
    }
     header div{
        background-position: right;
        padding-right: 3.5rem;
    }
    nav{
        grid-row: 2/3;
        grid-column: 1/-1; 
    }
   #homeCV{
   display: none;
  }
}