homepage.css

body{
      background-image: url("dmg1.jpg");
      background-repeat: repeat;
      background-attachment: fixed;
    }

.nav li{background-color: black;}

.clear{clear: both;}

.head{
        background-attachment: fixed;
        background-color: white;
        color: black;
        padding: 70px 0 0 100px;
  	    margin: -10px 0 6px 0;
    	}

.head img{
            float: right;
            margin: -150px 0 0 0;
            padding:0 0 0 0;
            height: 400px;
          }


.head p{
          font-size:20px;
          font-family: Lucida Calligraphy; 
        }

.head h1{
          font-size: 60px;
          font-family:Garamond;
        }

.head button{border:1px solid black;}

.well-sm{

        background-color: yellow;
        color: red;
        font-size:20px;
      }


.white{border: 1px solid black;
  background-color:white;
  transition: all 0.5s;
    }


.white:hover{
              background:black;
              color: white;
            }


h3{text-align: center;}



* {box-sizing: border-box;}

body {
        font-family: Verdana, sans-serif;}

.mySlides {display: none;}

img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
                        background-color: black;
                        max-width: 1000px;
                        position: relative;
                        margin-top: 100px; 
                        border: 2px solid black;
                      }

/* Caption text */
.text {
        color: #f2f2f2;
        font-size: 15px;
        padding: 8px 12px;
        position: absolute;
        bottom: 8px;
        width: 100%;
        text-align: center;
      }

/* Number text (1/3 etc) */
.numbertext {
              color: #f2f2f2;
              font-size: 12px;
              padding: 8px 12px;
              position: absolute;
              top: 0;
            }

/* The dots/bullets/indicators */
.dot {
        height: 15px;
        width: 15px;
        margin: 0 2px;
        background-color: #bbb;
        border-radius: 70%;
        display: inline-block;
        transition: background-color 0.6s ease;
      }

.active {background-color: #717171;}


/* Fading animation */
.fade {
        -webkit-animation-name: fade;
        -webkit-animation-duration: 5s;
        animation-name: fade;
        animation-duration: 3s;
      }

@-webkit-keyframes fade {
                          from {opacity: 0.4} 
                          to {opacity: 1}
                        }

@keyframes fade {
                  from {opacity: 0.4} 
                  to {opacity: 1}
                }

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
                                            .text {font-size: 11px}
                                          }





footer{ 
        color: white;
        background-color: black;  
      }


.facebook, .github, .twitter{
                              background: url(fb.jpg);
                              display: block;
                              height: 40px;
                              width: 40px;
                              text-indent: -9999px;
                            }
.github{
          background:url(git.jpg);
          background-position: -40px 0;
        }

.twitter{
          background:url(twitter.jpg);
          background-position: -80px 0;
        }


.facebook:hover, .facebook:focus {background-position: 0 -40px;}

.github:hover, .github:focus {background-position: 0 -40px;}

.twitter:hover, .twitter:focus { background-position: 0 -40px;}

footer{
        border: 1px solid black;
        padding: 0 2px 0 2px;
        height: 100px;    
      }

.facebook{
            margin-top: -40px;
            float: right;
            margin-right: 170px;
          }

.github{
          float: right;
          margin-right: 100px;
          margin-top: -40px;
        }

.twitter{
          margin-right:30px;
          float:right;
          margin-top: -40px;
        }