/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Custom Styles */

/* Overwrite navbar colors */
.navbar-nav a:hover{
    color: red !important;

}
.navbar-nav a{
    color: white !important;
}


/*   start of phone styles */
@media screen and (max-width: 479px){  /* 479*/
    .small-center{
        text-align: center;
    }
}


@media (min-width: 544px) {  
    .tab-small {font-size:1.5rem;} /*1rem = 16px*/
}


.Cardquip-color{
    display: inline;
}

.wild-magic{
    border: 1px solid #e6e6e6; 
    border-radius: 5px; 
    height: 417px;
}

.orange-Border{
    border-radius: 10px; 
    border-style: solid;
    border-width: 2px;
    border-color:#f3565d;
}

.same-Size{
    width:  150px;
    height: 100px;
    background-position: 50% 50%;
    background-repeat:   no-repeat;
    background-size:     cover;
}


.lanyard-Padding{
    padding-left: 10px;
    padding-right: 10px;
}

.shadow{
    box-shadow:  3px 3px 4px #ccc;   
}

.shadowPanel{
    box-shadow:  3px 3px 10px 4px #ccc;
}

.more-info{
    padding-top: 10%;
    text-align: center;
}

.centerImage{
    margin-left: auto;
    margin-right: auto;
}

.sphere{
    background: radial-gradient(circle at 50% 30%, rgba(245, 237, 48, 0), rgba(200, 190, 20, 0.2) 50%, #575300 100%);
}

@media screen and (min-height: 400px){
    .wild-magic{
        border: 1px solid #e6e6e6; 
        border-radius: 5px; 
    }
}


/* Global Styles */

html,
body {
    height: 100%;
}

body {
    padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    height: 50%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}



/* Footer Styles */

footer {
    margin: 50px 0;
}

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}