/*Elvins main2cols.css*/

body { 
background-color:#000000;
font-family: Times New Roman, Times, serif"; 
float:left;
font-size:200%;

color: #ffffff;
 
margin:0px; 

padding:0; 

width:100%;

height:auto;

}
 
button { 
margin: 6px; 
padding: 8px;
font-size: 20px; 
}

h1{
font-size:150px;
}

@media all and (max-width : 768px) {
h1{
font-size:60px;
    }
}

@media all and (max-width : 768px) {
body {
        background-color:#000000;
    }
}

.fixed-footer {
  bottom: env(safe-area-inset-bottom);
}
/*
@media (max-width: 320px) {
  .fixed-footer {
   display: none;
  }
}
*/
a:link {
  color: #ffff00;
  background-color: transparent;
  text-decoration: none;
}

a {
font-weight: normal;
text-decoration: none;
}

/*
a:hover {
font-weight: bold;
}
*/

a:hover {
  color: red;
  background-color: transparent;
  text-decoration: none;
}

a:active {
  color: yellow;
  background-color: transparent;
  text-decoration: none;
}

#pp a {
color:#yellow;}

a {text-decoration:none}
  
a:hover {color:#00ffff; /*On Mouseover Changes Text Colour & All Underlines Links*/
  
text-decoration:underline; 
}

#link a:link, a:visited, a:active { 

color: #ffffff; 
text-decoration: bold; 

}

.wrapper {
  min-height: 100vh;
  display: grid;
  grid-template-rows: auto 1fr auto;
}

#fixed-header {

}

#menu {
  align: left;

}

@media all and (max-width : 768px) {

a:link {

color: #ffff00;

  font-size: 160%;

}

}

@media all and (max-width : 768px) {

#link a:link, a:visited, a:active{ 

color: #ffff00; /*changes colour on Iphones*/

text-decoration: underline;
 
}

}

#p {
 
font-size: auto;

#link a:link, a:visited, a:active { 
color: #ffff00;

text-decoration: none; 

}

}

h2 {

font-size: auto;
font-color:#auto;

}

#pagewrap{
padding: 0px;

width: 100%;

margin: 0px ;

}

#header { 

height: 10px; 

width: auto;

}

#logo { 

background-color:000000; 

height: 120px; 

width: ;

padding-bottom: 50px;

padding-right: 250px;

margin-top:4px;

margin-left:;

background-position:left top;

float:left; 

}

#box { 

height:auto; 

width:100%;

text-align:left;

padding-top:0px;

}

#container{

margin: 0 auto;

width: 100% 100%;

height: auto;

/*  background-color:#EFEDFE; */  
}

@media all and (max-width : 768px) {

#container{

margin: 0 auto;

width: 100% 100%;

height: auto;
  
}

}

.info {

display: none;

}

#page {
    
display: none;

}

#col{

/*background-color:#99ff00;*/

float:left;

margin:1px;

border: 0px;

width:290px;
height:auto;
float:left;

/*margin:2px;*/

padding: 1px;

/*border: 1px solid #ffffff;*/
margin-bottom:10px;

}

#col2{

background-color:auto;

float:left;

margin-left:1px;

margin-right:20px;

margin-bottom:10px;

border: 1px;

border-style: solid;

width:298px;

height:auto;

padding: 5px;

border-radius:5px;

}

@media all and (max-width : 320px) {

#link a:link, a:visited, a:active{ 

color: #ffff00; /*changes colour on Iphones*/

text-decoration: underline: none;
 
}

}

@media all and (max-width : 320px) {

background-color:#000000;

@media all and (max-width : 320px) {

#form {

width: 298px;

border: 1px;

padding: dislpay none; 

}

}

@media all and (max-width : 320px) {

#col2 {

width: 290px;

margin-left:1px;

margin-right:1px;

padding: dislpay none; 
}

}

@media all and (max-width : 320px) {

#content { 

float: center;

margin-top: 0px;

margin-left: 5px;

margin-right: 5px;

padding: 0%;

width: 298px;

height: 4000px;

border: 1px;

}

}

#form {

float:left;

margin-left:10px;

margin-right:10px;

border: 1px;

border-style: solid;

width:298px;

height:auto;

padding: 5px;

margin-bottom:4px;

border-radius:5px;

}

}

@media all and (max-width : 768px) {

#form {

width: 298px;

border: 1px;

padding: dislpay none; 

}

}

#content {

float: left;

margin-left: 120px;

margin-right: 100px;

padding: 10px;

width: auto;

height: auto;

}

@media all and (max-width : 768px) {

#content{

float: center;

margin-left: 5px;

margin-right: 5px;

padding: 0px;

width: auto;

height: auto;

border: 1px;

}

}

/*
#mus{

align: center;

width: 50%;

height: auto;

padding: 10px;

border: 1px solid #ffffff;

margin-bottom:20px;

border-radius:5px;

background-color: #000000;
}
*/
#autosurf{

align: center;

width: auto;

height: 100%;

padding: 10px;

border: 1px solid #ffffff;

margin-bottom:20px;

border-radius:5px;

background-color: #000000;
}

#movies{

align: center;

width: auto;

height: auto;

padding: 10px;

/*border: 1px solid #666666;*/

margin-bottom:20px;

border-radius:5px;

background-color: #000000;
}

/*
#sidebar {

display: inline-block;
vertical-align: top;

margin-top: 0px;

float: right;

padding: 1%;

width: 32%;

height:auto;
 
background-color: #F7F0F1;
}
*/
#imgsb{

width: auto;

height: auto;

padding: 2px;

border: 1px solid #ffffff;

margin-bottom:10px;

}

@media all and (max-width : 768px) {

#imgsb{
     
display : block;

width: 150%;

height: auto;

padding: 0px;

border: 0;

margin-bottom:10px;

}

}

#pp{

color:#000000;

}

#imgsb{

color: #000000;

}

.img{
display: none;

}

.footer{ 
margin-bottom: 10px;
margin-left: 40px;
margin-right: 40px;
padding: 20px;
text-align: center;
font-size: 18px;
padding:15px 0;
background-color: #000000;
width: 80px;
height:auto;
padding: 10px;
clear:both;
}

#footer p {
color: #ffffff;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 0px;
margin-left: 0px;
padding: 10px;

}

#footer a:link, #footer a:visited, #footer a:active{ 

color: #ffff00; 

text-decoration: none;

}

#footer a:hover { 
color: #ffff00;

text-decoration: underline;

}

@media all and (max-width : 768px) {

#footer {
 
margin-top:auto; 

text-align: center;

font-size: 20px; 

padding:15px 0; 

background-color: #000000; 

width: 100%;

height:auto;

clear:both;

}

}

#copy{

font-size: 20px;
height:100;
}

@media all and (max-width : 768px) {
   
 header {
       
 text-align: center;

}

}

@media all and (max-width : 768px) {

.img{

display : block;

width: 100%;

height: auto;

border: 0;

margin-bottom:10px;

}

}

#page{

background-color:#000000;
width: 40%;

height: auto;

display: block;

}

.fornmain{
align:center;

width:300px;
height:auto;
margin-bottom:10px;

padding:0px;

background-color:#cccccc;

}

@media all and (max-width : 768px){

.fornmain{
width:300px;

height:auto;
margin-bottom:10px;
padding:0px;

background-color:#000000;

}

}
/*
@media all and (max-width : 768px) {

#sidebar {

float: right;

width: 100%;

padding: 0%;

margin-top:20px;

margin-bottom:10px;

background-color: #003300;

}

}

*/

@media all and (max-width : 768px) {

#page{
width: 100%;

height: auto;

display: block;

}

}

@media all and (max-width : 768px) {

#imgsb{
     
width: 100%;

height: auto;

border: none;

 margin-bottom:10px;
}

}

@media all and (max-width : 768px) {

background-color:{

background-color:#000000;
 
}

}

@media all and (max-width : 768px) {
#col{

display :auto;
}
}

@media all and (max-width : 768px) {

.img2{
 
width: 298px;
     
height: auto;

display : none;

}

}