@charset "UTF-8";

.title {font-size: 127px; color: #CC0000; }

.rounded{
border: 10px solid #FFCC00;
border-radius: 1px;
box-shadow: 5px 5px 30px 10px #FFF;
-moz-box-shadow: 5px 5px 10px 10px #FFF;
-webkit-box-shadow: 5px 5px 10px 10px #FFF;
}


/* Background color for navbar and dropdown menus */
/*.navbar-custom, .navbar-custom .dropdown-menu {
    background-color: #4896aa;
}
*/
/* Text color for navbar and dropdown menus */
.navbar-custom .navbar-brand, .navbar-custom .navbar-text,
.navbar-custom .navbar-nav .nav-link,
.navbar-custom .dropdown-item {
    color: #3260E4;
}
/* Background and text colors for current page link and links on hover and focus */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link,
.navbar-custom .nav-item:focus .nav-link,
.navbar-custom .dropdown-item:hover, 
.navbar-custom .dropdown-item:focus {
    background-color:  #01100E;
    color: #000000;
}



#pictureTitle {
          padding-left: 0px;
          padding-right: 0px;
          position: relative;          
}
#pictureTitle h1  {
          color: #FFF;  /* color of the title Text*/
          position: absolute;
          font-size: 3rem;
          left: 30%;
          top: 35%;
}



@media screen and (min-width:576px){
#pictureTitle h1 {
          font-size: 4rem;
          left: 25%;
          top: 30%;
}
}

@media screen and (min-width:900px){
          #pictureTitle h1 {
          font-size: 6rem;
          left: 30%;
          top: 30%;
}
}