a, a:hover, a:visited, a:active {
  color: inherit;
  text-decoration: none;
  /*display:inline-block;*/
  /*width:100%;*/
  /*height:100%;*/
 }

.box_link{
  display:inline-block;
  width:100%;
  height:100%;
}

.img_inbox{
    border: 1px black solid;
}

h1{
    margin-bottom:20px;
    /*CHANGE THIS FONT*/
}

body{
    font:15px/1.5 Arial;
    padding:0px;
    margin:0px;
    background-color: #3299CC;
    height:100%;
}

section{
    margin-bottom:30px;
    margin-top:30px;
    /*margin-left:20px;*/
    /*margin-right:20px;*/
    padding-top:30px;
    padding-bottom:30px;
    background-color: white;
    border:black 2px solid ;
    /*border-radius: 25px;*/
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);


}

.container{

    overflow:hidden;

}

.container-fluid{
    text-align:center;
    padding: 0 5% 0 5%;
}

p{
    font-size:20px;
}

header{
    display: block;
    background: #3C4C75;
    color:#ffffff;
    min-height:50px;
    border-bottom:white 2px solid;
    margin:auto;
    padding-right:10px;
}

header::after{
    content:'';
    display:table;
    clear:both;
}


ul{
    padding:0;
    margin:0;
    list-style:none;
}

.navbar a{
    color: #FFFFFF;
    text-decoration:none;
    text-transform: uppercase;
    font-size:20px;
    text-align: center;


}

.navbar a:hover{


}

.navbar a::before{
    content:'';
    display:block;
    height:5px;
    width:0%;
    background-color:white;

    position:absolute;
    top:0;
}

.navbar a:hover::before{
    width:100%;
}


nav{
    float:right;
}

nav li{
    display:inline-block;
    padding-top: 10px;
    margin-left:20px;
    position:relative;

}

.social_link{
    height:50px;
    width:50px;
}

/*.li_social{*/
/*    height:50px;*/
/*    width:50px;*/
/*    margin:20px;*/
/*}*/

/* headline */
#headline_section{
    padding-top:0px;
    margin-bottom:0px;
    overflow:hidden;
    margin:0;
    margin-top:0px;
    padding-top:0px;
    padding-bottom:0px;
    margin-left:0px;
    background-color: #FFFFFF;
    border:#B9B9B9 0px solid;
    border-radius: 0px;
}


#headline{
    height:100vh;
}

.headline{
    margin:0px;
    width: 100%;
    height: 100%;
    padding: 10px 0;
    text-align: center;
    color: #ffffff;
    background:url('images/qwerty.jpg') no-repeat top;
    background-color: #fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.description{
    padding:10px;
}

#socials{
    margin:15px;
}

#socials li{
    display:inline;
    margin:25px;
}

.social_img{
    border:#ffffff 1px solid;
    margin:0px;
}

.social_img:hover{
    border:#ffffff 3px solid;
    transition: 0.05s;
}

.headline h1{
    margin-top:10%;
    margin-bottom:4%;
    font-size:90px;

}

.headline h3{
    margin-top:40px;
    margin-bottom:5%;
    font-size:35px;

}

#headline p{
    font-size:20px;
}

/*featured project*/

#featured_section{
    margin-top:0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}



.featured_project{
    border:1px solid gray;
    /*box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);*/
    box-sizing: border-box;
    padding:2%;
    margin-left:2%;
    margin-right:2%;
    min-width:30%;
    background-color:#FFFFFF;
    margin-top:0;
    border-radius: 15px;
}

.featured_project:hover{
    /*border: 3px solid #666666;*/
    /*background-color: white;*/
    /*box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);*/

    background: rgba(60, 76, 117, 0.15);
    /*box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);*/
    transition: 0.4s;

}

.click_here{
    font-weight:bold;
    font-size:25px;
}


.post_title {
    font-weight: bold;
    font-size: 200%;
    padding: 9px;
    background: #ccc;
    width:98%;
    text-align: center;
    margin-left:1%;
    margin-right:1%;
}

.post_title {

}

.featured_title{
    text-align:center;
    margin-bottom:10px;
}

.featured_content{
    /*display:flex;*/
    /*flex-wrap:wrap;*/
    margin-left:1%;
    margin-right:1%;
    min-width:30%;
    /*align-content:center;*/
    /*justify-content:center;*/
}

.thumb_img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width:450px;
    min-width:30%;
    /*max-width:100%;*/
    /*margin:20px;*/
    /*height:auto;*/
    /*margin:auto;*/
}

@media (min-width: 1201px){
.thumb_img{
    float:left;
    max-width:450px;
    min-width:30%;
    /*max-width:100%;*/
    margin:20px;
    /*height:auto;*/
    /*margin:auto;*/
}}

.thumb_text{
    /*text-align:left;*/
    display:inline;
    text-size:30;
    min-width:200px;
    margin:10px ;
}

#featured_project h1{
    font-size:50px;
}

.flexbox_container{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    align-content:center;
    align-items:center;
    vertical-align:top;

}

.box{
    padding:5px;
    margin:15px;
    width:400px;
    height:500px;
    border:3px solid white;
    background: rgba(30, 40, 60, 0.10);
    border:3px solid white;
    vertical-align:top;
    text-align: center;
    justify-content:space-between;
    align-items:center;
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);


    /*display:block;*/
    /*margin:5rem;*/
    /*padding:1rem;*/
    /*overflow:visible;*/
    /*background:red;*/
    /*width:85%;*/
    /*height:30rem*/


}
.project:hover .hover-content{
    background:rgba(0,0,0,.7);
    position:absolute;
    width:40rem;
    height:30rem;
    text-align:left;
    border-bottom-right-radius:100rem;
    display:block;
    -webkit-animation:fadein .5s;
    animation:fadein .5s

}
.box:hover{
    /*border:3px solid #666666;*/
    background: rgba(60, 76, 117, 0.15);
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    transition: 0.4s;
}

.projects_title{
    text-align:center;
}


.box_text{
    display:flex;
    width:90%;
    height:100px;
    margin-left:5%;
    margin-right:5%;
    justify-content:center;
    align-items:center;
    text-align: center;
    max-width:350px;
    margin-top:10px;
    margin-bottom:5px;
}


.box h3{
    text-align:center;
    font-weight:bold;

}

.box p{
    margin:10px;
    vertical-align: middle;
    line-height:1.2;
}

.project_img{
    width:300px;
    margin: 10px 0px;
}

.school_img1{
    height: 150px;
    width:auto;
}

.school_img2{
    height: 150px;
    width: auto;

}

#contact{
    margin-bottom:10px;
    text-align:center;
}

.degree{
    padding:10px;
    margin:15px;
    width:400px;
    min-height:400px;
    vertical-align:space-between;
    text-align: center;
    justify-content:space-between;
    border:3px solid white;
    align-items:center;

}

.degree:hover{
    /*border:3px solid #c8c8c8;*/
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.degree .box_text{
    display:flex;
    width:100%;
    height:120px;
    /*margin-left:0px;*/
    justify-content:center;
    align-items:center;
    text-align: center;
    margin: 20px 0px;
}

.degree_name{
    margin: 30px 0px;
    min-height:100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.degree h3{
    display: inline-block;
    vertical-align: middle;
}

.honors{
  font-style: italic;
}

.contact{
    padding:20px 0px;
}

.contact h4{
   padding:7px;
   display:inline;
}

.contact h4:hover{
    /*border:3px solid #666666;*/
    background: rgba(60, 76, 117, 0.15);
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    transition: 0.4s;
}


@media (max-width: 600px){
nav li{
    display:block;
    padding-top: 10px;
    margin-left:20px;
}
header{
    background: #3C4C75;
    color:#ffffff;
    min-height:50px;
    border-bottom:white 2px solid;
    margin:auto;
    padding-right:10px;
}
nav{
    float:none;
    justify-content:center;
    text-align:center;
}
nav ul{
    margin:auto;
}
#socials{
    margin:5px;
}
.social_img{
    margin:0px;
}
#socials li{
    margin:10px;
}
}