:root {
    /* Theme: */
    --primary: #004C92;
    --highlight: #a2d5f2;

    /* Buttons: */
    --interactive: var(--primary);
    --hoverinteractive: var(--text_light);

    /* Subtile Main Colors: */
    --bggrey: #f9f7f7;
    --white: #FFF;

    /* Text */
    --text_dark: #666666;
    --text_light: var(--bggrey);
    --text_blue: var(--primary);

    /* Rare Colors: */
    --orange: #FFB300;
    --red: #F44336;
    --green: #8BC34A;
}

body{
  background-color: var(--bggrey);
  background-image: url("../bg.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
     background-size: cover;
}
h3{
    color: var(--text_blue);
}
.name{
    color: var(--text_blue);
}

.jumbotron{
    margin-bottom: 0px;
    background-color: rgba(0, 0, 0, 0.0);
}

.text-center{
      max-width: 500px;
    background-color: var(--bggrey);
    padding: 50px;
}
  
.buttonwrap{
    padding-top: 50px;
    margin: auto;
     max-width: 200px;
}

.btn{
    background-color: var(--text_blue);
    color: var(--white);
}


.btn:hover{
   
    color: var(--text_blue);
    background-color: var(--white);
}

.footer{
    margin-top: 5% !important;
    margin-bottom: 10px;
}

h8{
    font-size: 0.75rem ;
}


@media (max-width: 479px) {
    .footer{
        margin-top: 35% !important;
    }
}