html body.extraHeight { margin-top: 0;} 
html body{ margin-top: 0px; background: linear-gradient(13deg,#070127 10%,#351a38 37%,#d47340 37%,#dcc364 45%,#4e929f 60%,#071c47 80%,black 100%); color:#feebc3;}
html #main { min-height: calc(100vh - 266px); }

div#header { display: none; } 
div#main { float: none; margin-left: auto; margin-right: auto; }
div#content{ background: linear-gradient(194deg,#070127 70%,#0701277a); box-shadow: none;}

#content h2{color: #ffcb71;}
#content h1, #content h3{color: #86b6c1;}
  
#content #MagiDon h3{color: #000000;}
#content #MagiDon {
    background-color: white;
    padding-top: 30px;
    margin-bottom: -30px;
}
  
div#right { display: none; }  
div hr { clear: both; margin: 0px 5% 20px 5%; height: 10px; }
strong{color: white;}
  
div p.red-text { color: #ffd385; background-color: #06112c; border: solid 1px #ddc364; }
p.red-text strong { color: #ff8002; }
p a { color: #ff8000; }
  
input.btn-red, a.btn-red { background-color: #ffa809; color: black;}
input.btn-red:hover, a.btn-red:hover { background-color: #ffc800; }
input.form-control { background-color: #ffeac3; border: 1px solid #000000; }
  
div#footer { background: #00000000;  box-shadow: none; height: 320px;}
div#footer a.btn-red.read-more-btn { color: black; text-decoration: none; }

div#footer-container {
    grid-template-columns: 1fr;
    text-align: center;
    width: 250px;
    padding: 33px 0 0% 0;
}


      
div#footer-container > :nth-child(1),
div#footer-container > :nth-child(2),
div#footer-container > :nth-child(3),
div#footer-container > :nth-child(5){
    display: none;
}

div#footer-container > :nth-child(4){
    display: grid;
    grid-template-columns: 1fr;
}

div.social-btn {
    margin: 0 auto 15px auto;
    width: auto;
}

      
      
div#bottom-news a {background-color: white; margin-bottom: 5px;}
div#bottom-news > h1, div#bottom-news > div > h1 { color: white; }
  
@media (min-width: 550px) { 

      }

@media (min-width: 720px) { 
    html body{ background: linear-gradient(13deg,#070127 10%,#351a38 27%,#d47340 27%,#dcc364 36%,#4e929f 60%, #071c47 80%, black 100%); }
	div#main { margin-top: 0px; }
    div hr { clear: both; margin: 0 5% 20px 20%; }
    #content figure:last-of-type { margin: 0 0 -30px 0; }
}

@media (min-width: 960px) { 

      }