@charset "utf-8";
html {
  scroll-behavior: smooth;
}

#pricetable
{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
#pricetable table, th, td {
    border: #ccc 2px solid;
    border-style: dashed;
    text-align: left;
    padding:6px;
    vertical-align: top;
    font-family: Courier New;
}

#splash{
	background:url('../img/IceBerg1Splash.jpg') no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;	
	padding:10% 0;
}

#splash h1, #splash h2, #splash h3
{
	font-family: 'Roboto Mono', monospace;
	font-weight:bold;
	color:white;
	text-shadow:3px 5px 8px #222222;
}

.navbar
{
	color:white;
	 -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
    -ms-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
	
}

.navbar a
{
	color:white;
}

.nav>li>a:hover, .nav>li>a:focus
{
	background-color: transparent;
	opacity: 0.5;
	
}

.navbar-toggle {
	background-color: transparent;
	border: 1px solid white;
	color: white;
}

.icon-bar{	
	background: white;
}

.navbar.scrolled {
    /*background: rgb(68, 68, 68); //IE
    background: rgba(0, 0, 0, 0.78); //NON-IE*/
	background: #2884ba;
	opacity: 0.8;
}
#middlesection
{
	background:#fff;
	padding: 50px 0;
	height:100%;
}

#middledownsection
{
	background:#fff;
	padding: 50px 0;
	height:100%;
}

#middledownsection2
{
	background:#fff;
	padding: 50px 0;
	height:100%;
}

#middledownsection3
{
	background:#fff;
	padding: 50px 0;
	height:100%;
}

footer#mainfooter 
{
	height:200px;
	padding-top: 10px;
	background: #2884ba;
	opacity: 0.4;
	color:#fff;
}

footer#mainfooter a{
	color:#eee;
}

blockquote {
    border:none;
    /*font-family:Georgia, "Times New Roman", Times, serif;*
    margin-bottom:-30px;*/
    quotes: "\00AB""\00BB";
}

blockquote p {
/*font-size:21px;*/
}

blockquote p:before { 
content: open-quote;
padding-right: 2px;
font-weight: bold;
font-size:30px;
color:#2884ba;
} 
blockquote p:after { 
content: close-quote;
font-weight: bold;
font-size:30px;
color:#2884ba;
  
}

.shop-modal
{
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: hidden; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

   
    #orderform
    {
        background-color: #fefefe;
        margin: 16% auto;
        padding: 20px;
        border: 12px solid #ccc;
        border-radius: 10px;
        width: 96%;
        text-align: center;
    }

     #orderheaderleft
    {
        float: left;
        width: 40%;
/*        text-align: center;*/
    }

    #orderheaderright
    {
        float: left;
        width: 45%;
/*        text-align: center;*/
    }

    .order-image
    {
        width: 50%;
    }

button {
  background: none!important;
  border: none;
  padding: 0!important;
  /*optional*/
  /*font-family: arial, sans-serif;
  input has OS specific font-family*/
  color: #337ab7;
  text-decoration: none;
  cursor: pointer;
}

input[type=text]{
    width: 100%;
    /*margin-top: 10px;*/
    padding: 5px 3px;
    border: 2px solid #80bff7;
    border-radius: 2px;
    background-color: #f;
    color: #888;
}
textarea
{
    width: 100%;
    /*margin-top: 10px;*/
    padding: 5px 3px;
    border: 2px solid #80bff7;
    border-radius: 2px;
    background-color: #f;
    color: #888;
}

@media only screen and (min-width: 768px) {
    
    #orderform
    {
        background-color: #fefefe;
        margin: 8% auto;  
        padding: 20px;
        border: 12px solid #ccc;
        border-radius: 10px;
        width: 60%;
        text-align: center;
    }

/*     #orderheaderleft
    {
        width: 100%;
        text-align: center;
    }

    #orderheaderright
    {
        width: 100%;
        text-align: center;
    }*/

    .order-image
    {
        width: 60%;
    }
}
        

@media only screen and (min-width: 992px) {
    #order-item-info
    {
        width: 100%;

    }
    #orderform
    {
        background-color: #fefefe;
        margin: 6% auto; /* 15% from the top and centered */
        padding: 10px;
        border: 12px solid #ccc;
        border-radius: 10px;
        width: 50%; /* Could be more or less, depending on screen size */
        text-align: center;
    }

     #orderheaderleft
    {
        float: left;
        width: 40%;

    }

    #orderheaderright
    {
        float: left;
         width: 45%;
    }

    .order-image
    {
        width: 60%;
    }
 }



/*@media (min-width: 992px) { ... }*/



/*@media (min-width: 1200px) { ... }*/