@media only screen and (min-width : 1000px){
    body{
		margin: 0px auto 0px auto;
		padding:0px;
		text-align:center;
		font-family: 'Roboto';
		color: #FFD700;
		background: #000000;
		font-weight:  300;
    }

		.navbar-light{
		    background: #777777;
		    margin-bottom: 0px;
		}

    p{
		margin: 0px auto 0px auto; 
		padding: 10px 0px 10px 0px; 
		width: 90%;
		max-width:  1920px; 
		font-size: 1em; 
		color:  #FFD700;
		text-align: left;
		font-family: 'Roboto';
		font-weight:  300;
    }

	img.panoramic{
		max-width: 1920px; 
		width: 100%; 
		height:  auto; 
		display: block; 
		margin: 0px auto 40px auto;
		border-radius: 25px;
	}

    h1{
		margin: 0px auto 0px auto; 
		padding: 0.75em 0px 0.75em 0px; 
		width: 90%;
		max-width: 1920px; 
		font-size: 2em; 
		color:  #FFD700;
		text-align: center;
		font-weight: 700;
		font-style: italic;
		font-family: 'Roboto';
    }

    h2{
		margin: 0px auto 0px auto; 
		padding:  0.5em 0px 0.5em 0px; 
		width: 90%;
		max-width: 1920px; 
		font-size: 1.5em; 
		font-weight: 400;
		color:  #FFD700;
		text-align: left;
		font-family: 'Roboto';
    }

    h3{
		margin: 0px auto 0px auto; 
		padding:  0.5em 0px 0.5em 0px; 
		width: 90%;
		max-width: 1920px; 
		font-size: 1.25em; 
		font-weight: 400;
		color:  #FFD700;
		text-align: left;
		font-family: 'Roboto';
    }

    form{
		margin: 0px auto 0px auto; 
		padding: 3em 0px 3em 0px; 
		width: 84%;
		max-width:  1920px; 
		font-size: 1em; 
		color:  #FFD700;
		text-align: left;
		font-family: 'Roboto';
		font-weight:  300;
    }

    #gcontact{
			width: 98%;
			max-width:  1920px;
			margin: 0px auto 0px auto;
			padding:  50px 0px 50px 0px;    
			background: #12327B;
			color: #FFE23D;
			background-image: none;
    }

    #gcontent{
			width: 98%;
			max-width:  1920px;
			margin: 0px auto 0px auto;
			padding:  50px 0px 50px 0px;    
			background: #1C429A;
			color: #FFFFFF;
			background-image: none;
    }

    #ginterest{
			width: 98%;
			max-width:  1920px;
			margin: 0px auto 0px auto;
			padding:  50px 0px 50px 0px;    
			background: #000080;
			color: #E3C100;
			background-image: none;
    }

    .row{
    	margin-bottom: 1.5em;
    }

    .importance{
    	font-family:  'Roboto';
    	font-weight: 700;
    }

    .form-select{ 
    	height: 40px; 
    	overflow:auto; 
    	width:  100%;
    }

    ul.content{
        margin-left: 8%;
        margin-right:  12%;
        text-align:  left;
    }  
      
    address{
        margin-left: 8%;
        margin-right:  12%;
        text-align:  left;
    }
  }


@media only screen and (max-width : 999px){
    body{
		margin: 0px auto 0px auto;
		padding:0px;
		text-align:center;
		font-family: 'Roboto';
		color: #FFD700;
		background: #151B54;
		font-weight:  300;
		width:  99%;
    }

		.navbar-light{
		    background: #777777;
		    margin-bottom: 0px;
		}

		.col{
			width:  99%;
			margin: 8px auto 8px auto;
		}

    p{
		margin: 0px auto 0px auto; 
		padding: 10px 0px 10px 0px; 
		width: 95%;
		max-width:  999px; 
		font-size: 1em; 
		text-align: left;
		font-family: 'Roboto';
		font-weight:  300;
    }

    figcaption{
		margin: 0px auto 0px auto; 
		padding: 10px 0px 10px 0px; 
		width: 90%;
		max-width:  999px; 
		font-size: 0.75em; 
		text-align: left;
		font-family: 'Roboto';
		font-weight:  300;
    }

    h1{
		margin: 0px auto 0px auto; 
		padding: 0.75em 0px 0.75em 0px; 
		width: 90%;
		max-width: 999px; 
		font-size: 1.55em; 
		text-align: center;
		font-weight: 700;
		font-style: italic;
		font-family: 'Roboto';
    }

    h2{
		margin: 0px auto 0px auto; 
		padding:  0.5em 0px 0.5em 0px; 
		width: 90%;
		max-width: 999px; 
		font-size: 1.35em; 
		font-weight: 400;
		text-align: left;
		font-family: 'Roboto';
    }

    h3{
		margin: 0px auto 0px auto; 
		padding:  0.5em 0px 0.5em 0px; 
		width: 90%;
		max-width: 999px; 
		font-size: 1.15em; 
		font-weight: 400;
		text-align: left;
		font-family: 'Roboto';
    }

    form{
		margin: 0px auto 0px auto; 
		padding: 3em 0px 3em 0px; 
		width: 94%;
		max-width:  999px; 
		font-size: 1em; 
		text-align: left;
		font-family: 'Roboto';
		font-weight:  300;
    }

 	label, input, select{
 		width:  98%;
 		margin: 8px auto 8px auto;
 		max-width:  999px;
 	}

    #gcontact{
			width: 98%;
			max-width:  999px;
			margin: 0px auto 0px auto;
			padding:  50px 0px 50px 0px;    
			background: #12327B;
			color: #FFE23D;
			background-image: none;
    }

    #gcontent{
			width: 98%;
			max-width:  999px;
			margin: 0px auto 0px auto;
			padding:  50px 0px 50px 0px;    
			background: #1C429A;
			color: #FFFFFF;
			background-image: none;
    }

    #ginterest{
			width: 98%;
			max-width:  999px;
			margin: 0px auto 0px auto;
			padding:  50px 0px 50px 0px;    
			background: #000080;
			color: #E3C100;
			background-image: none;
    }

	img.panoramic{
		max-width: 999px; 
		width: 100%; 
		height:  auto; 
		display: block; 
		margin: 0px auto 40px auto;
		border-radius: 5px;
	}


}