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;
 }

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

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

.banner
{
   letter-spacing: 45px;
}

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

h1
{
   letter-spacing: 15px;
}

h2
{
   color:red;
}

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

.h4
{
   color:red;
}

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;
}

.jumbotron
{
   color:white;
   margin:0;
   padding: 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;
   }
}