﻿:root {
  --jumbotron-padding-y: 3rem;
}
.seenAt {
    width: 12%;
}

.reviewImage{
    margin-bottom:15px;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.fa {
  padding: 20px;
  font-size: 30px;
  width: 50px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
}

.MyReviewFeat { 
                background: rgb(0, 151, 19); 
                padding: 10px; 
                text-align:justify;  
                font-size:0.7em;
            } 
      
            .MyReviewFeat.first { 
                /*setting alpha = 0.1*/ 
                background: rgba(255, 255, 255, 0.6); 
                padding:20px;
                 border-radius: 25px;
            } 

.myNav {
   background:rgba(0,0,0,0.8)!important;border-radius: 25px!important;padding:10px!important; 
   
}
.myNav li {
    padding-left:25px;
}
.imgOl{
    -webkit-filter: drop-shadow(1px 1px 0 black) 
                    drop-shadow(-1px -1px 0 black);
    filter:drop-shadow(1px 1px 0 black) 
           drop-shadow(-1px -1px 0 black);
}

        .emailFormElement {
    border: solid 1px white;
    background-color:transparent;
    color:white;
    width:100%;
    margin:8px;
    padding:8px;
}

        ::placeholder {
  color: lightgrey;
  font-size: 1.25em;
}

.jumbotron {
  /*padding-top: var(--jumbotron-padding-y);
  padding-bottom: var(--jumbotron-padding-y);*/
  margin-bottom: 0;

  background: url(/images/Scott_Sopata_Background.jpg) ;
   background-position:center center;
   background-repeat: no-repeat;
background-size: cover;
background-color: transparent;
  /*background-attachment: fixed;

*/
  
}
@media (min-width: 768px) {
  .jumbotron {
      background-color: transparent;
    /*padding-top: calc(var(--jumbotron-padding-y) * 2);
    padding-bottom: calc(var(--jumbotron-padding-y) * 2);*/
    background-image: url(/images/Scott_Sopata_Background.jpg);
  }

  .myNav {
        background:rgba(0,0,0,0.7)!important;border-radius: 25px!important;padding:10px!important; 
    }
  .myNav li {
    padding-left:0px;
}
}

.jumbotron p:last-child {
  margin-bottom: 0;
}

.jumbotron-heading {
  font-weight: 300;
}

.jumbotron .container {
  max-width: 40rem;
}

footer {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

footer p {
  margin-bottom: .25rem;
}

.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }
}
