.yel{background-color: orange;}
.green{background-color: green;}
.red{background-color: darkred;}


body{
    /* background-color: #307BAA; */
    background-color: #225677;
    color: #FFFFFF;
    /* height: 100vh; */

    /* background-image: url("imgs/pizzaSlice.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 50%; */
}
#logoNav{
    /* width: 100px; */
    width: 20vh;
}

#nulleinn{
    color: white;
}

h1{
    /* font-size: 5vw; */
    font-size: 4rem;
}
h2{
    font-weight: 300;
    /* font-size: 2vw; */
    font-size: 3rem;
}

.btn-dommi{
    background-color: red;
    color: #FFFFFF;
}


#pizza{
    width:50vw;

    /* left: 50%;
    transform: translateX(-50%); */
    bottom: 0px;

    
}

.container{
    /* height: 100vh !important; */
}


.fluid-container{
    bottom: 0;
}

#dominos{
    height: 80%;
    left: 50%;
}

.btn{
    border-radius: 0;
    background-color: #E93F39;
    width:200px;
    /* border: solid;   */
    box-shadow: 0px 6px 10px #222;
    margin-right: 10px;

}
.btn:hover{
    background-color:  #e7524d;
}

/* @media (min-width: 1200px) {
    .container{
        max-width: 1700px;
    }
}  */


@media (max-width: 576px) { 

    body{
        /* background-color: red; */
    }

    .btn{ 
        width: 350px;
        margin-top: 20px;
        

    }

    h1{
        font-size: 3rem;
        /* text-align: center; */
    }
    h2{
        font-size: 2rem;
        /* text-align: center; */
    }
    h3{
        font-size: 1.5rem;
        line-height: 2.3rem;
    }

    #logoNav{
        /* width: 15vh; */
    }
    .navbar{
        justify-content: center;
    }

}