hr
{
   border: 4px solid grey;
}



#fixtures
{
   color:red;
}
.navbar
{
   
}
.avatar-img
{
   width:100%;
   height:100%;
}

.btn-social-icon
{
   color:white;
}

.bg {
   /* The image used */
   background: url(../images/Noritz01.jpg);
 
   /* Full height */
   height: 400px; 
   width:100%;
   /* Center and scale the image nicely */
   background-position: left bottom;
   background-repeat: no-repeat;
   background-size: cover;
 }

 .col-sm-1
 {
    font-size: 30px;
 }

.first,.second,.third
{
   background-color:	#696969;
   color:white;
}

.get
{
   width: 40%;
   height: 40%;
}

.banner
{
   letter-spacing: 45px;
}

.btn-danger
{
   box-shadow: 2px 2px 1px grey;
}

/* .hidden2
{
   display: none;
}

.hidden3
{
   display: none;
} */

h1
{
   letter-spacing: 15px;
}

h2
{
   color:red;
}

h3
{
   background-color:red;
   color:white;
   height: 100px;
   padding-top:30px;
}

.h4
{
   
}

table, th, td {
  border: 1px solid black;
  padding: 5px;
}
table {
  border-spacing: 15px;
  width:100%;
}

.profile:hover, .navigation:hover
{
   opacity: 0.5;
}

a:active 
{
color: #e74c3c ;
}

#footer
{
color: white;
}
.address p
{
   margin:0;
}
 .logo
 {
   width: 100px;
   height: 100px;
 }
 
 tspan
 {
   font-family: 'Merriweather', serif; 
 }

 .PageName
 {
   font-family: 'Signika', sans-serif;
 }

.fa
{
   font-size:48px;
   color:red;
}

.fa-question
{
   font-size:28px;
   color:blue;
}

.form-group
{
   margin:0;
}

.form-check
{
   padding-left:35px;
}

.finalreport
{
   padding-bottom: 15px;
}

.jumbotron
{
   color:white;
   margin:0;
   padding: 20px;
}

.overlay {
   height: 100%;
   width: 0;
   position: fixed;
   z-index: 1;
   top: 0;
   left: 0;
   background-color: rgb(0,0,0);
   background-color: rgba(0,0,0, 0.9);
   overflow-x: hidden;
   transition: 0.5s;
 }
 
 .overlay-content {
   position: relative;
   top: 25%;
   width: 100%;
   text-align: center;
   margin-top: 30px;
 }
 
 .overlay a {
   padding: 8px;
   text-decoration: none;
   font-size: 36px;
   color: #818181;
   display: block;
   transition: 0.3s;
 }
 
 .overlay a:hover, .overlay a:focus {
   color: #f1f1f1;
 }
 
 .overlay .closebtn {
   position: absolute;
   top: 20px;
   right: 45px;
   font-size: 60px;
 }

 .closebtn
{
   margin-top: 20px;
}


 @media screen and (max-height: 450px) {
   .overlay a {font-size: 20px}
   .overlay .closebtn {
   font-size: 40px;
   top: 15px;
   right: 35px;
   }
 }


@media  screen and (max-width: 992px) {
   #avatar-img
   {
     height: 50%;
     width: 50%;
   }
}

@media  screen and (max-width: 700px) {
   tspan
   {
      font-size: 15px;
   }

   .grad1
   {
      opacity: 0;
   }

   .grad2
   {
      opacity: 1;
   }
}

@media screen and (max-width: 1198px) {
   .section,.aboutme, .project, .contact, .resume
   {
      width: 250px;
   }
}

@media screen and (max-width: 1540px) {
   #model11,#model21,#model31,#model41,#model51,#model61
   {
      letter-spacing: 0px;

   }
   .title
   {
      font-size: 30px;
      letter-spacing: 0px;
   }
   .bg
   {
      height: 300px; 
   }
}