@charset "UTF-8";

body {
  font-size: 1rem;
  color: #ffffff;
  line-height: 1rem;
}

.mil-top-panel {
	border-bottom: none;}

.textred {
  color: #D51116;
}

#btnlink {
  background-color: transparent;
  fill: #FFFFFF;
  color: #FFFFFF;
  background-image: linear-gradient(180deg, #D51116 0%, #6B090B 100%);
}

.logo {
  width: 350px;
}

.contheader, .contmain{
    background-position: top center;
    background-repeat: no-repeat; 
}

.mil-top-panel.mil-active {
    background-color: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(3px);
    border-bottom: 0px !important;
}


.modal-header {
    padding: 10px; 
    border-bottom:none;
}

.modal-body {
    padding: 0px !important;
}

 .idio{
        width:95px;
        background:#AD9145;
        position:fixed;
        bottom: 30px;
        right: 0px;
        padding: 5px 10px 5px 20px;
        line-height: 20px;
        border-radius: 10px 0 0 10px;
        color: #fff;
        z-index:9999;
    }
    .idio a{
        color: #fff;
        text-decoration: none;
    }
    .idio small{
        font-size:12px;
    }

@media (max-width: 480px) {
  .contheader{    
    background-size: contain;
    background-image: url('https://srgodzilla.com.mx/images/bghm1.jpg');    
  }
  .contmain{    
    background-size: contain;
    background-image: url('https://srgodzilla.com.mx/images/bgcontm1.webp');    
  }
}

@media (min-width: 481px) and (max-width: 1024px) {
  .contheader{    
    background-size: contain;
    background-image: url('https://srgodzilla.com.mx/images/bghd1.jpg');
  }
  .contmain{    
    background-size: contain;
    background-image: url('https://srgodzilla.com.mx/images/bgcontd1.webp');
  }
}

@media (min-width: 1025px) {
  .contheader{
    background-size: contain;
    background-image: url('https://srgodzilla.com.mx/images/bghd1.jpg');
  }
  .contmain{
    background-size: contain;
    background-image: url('https://srgodzilla.com.mx/images/bgcontd1.webp');
  }
}

.header {
  padding-top: 1rem;
  height: 570px;
  width: 100%;
  background-image:
    url('https://srgodzilla.com.mx/images/clouds.webp'), url('https://srgodzilla.com.mx/images/templo.webp'), url('https://srgodzilla.com.mx/images/Olas.webp'), url('https://srgodzilla.com.mx/images/clouds.webp'), url('https://srgodzilla.com.mx/images/monte.webp'), url('https://srgodzilla.com.mx/images/clouds.webp'), url('https://srgodzilla.com.mx/images/sombra-godzilla-02.webp'), url('https://srgodzilla.com.mx/images/texto-03.webp');
  background-repeat: repeat-x;
  background-position:
    -2000px -120%, /*nubes*/ 0 0%, /*templo*/ 0 100%, /*olas*/ 0 50%, /*nubes*/ 250px 0%, /*monte*/ 0 0%, /*nubes*/ -550px 0%, /*sombra*/ 330px 4%; /*texto*/
  background-size:
    1600px, /*nubes*/ 1400px, /*templo*/ 800px, /*olas*/ 600px, /*nubes*/ 1400px, /*monte*/ 900px, /*nubes*/ 2000px, /*sombra*/ 1600px; /*texto*/
  animation: 50s para infinite linear;
}

@keyframes para {
  100% {
    background-position:
      200px -70%, /*nubes*/ 0px 0%, /*templo*/ -800px 100%, /*olas*/ 500px 50%, /*nubes*/ 250px 10%, /*monte*/ 500px 10%, /*nubes*/ 1500px 70%, /*sombra*/ -1200px 4%; /*texto*/
  }
}

.srgbtn-1{
	background: #ffffff;
	border-radius: 6px;
  padding: 7px 12px 6px 12px;
	font-weight: 600;
	font-family: 'Bebas Neue';
	color:#D21016;
	border: 1px solid #D21016;
	font-size: 1.1rem;
}

.srgbtn-1:hover{
	background: #D21016;
	border-radius: 6px;
  padding: 7px 12px 6px 12px;
	font-weight: 600;
	font-family: 'Bebas Neue';
	color:#ffffff;
	border: 1px solid #D21016;
	font-size: 1.1rem;
}

footer{
	background: #000000;
	color:#ffffff;
	text-align: center;
}

footer a{
	color:#ffffff;
}

footer a:hover{
	color:#FA2027;
}

@media only screen and (max-width: 600px) {
  
  .logo {
    width: 280px;
  }
  .header {
    padding-top: 9rem;
    height: 480px;
    width: 100%;
    background-image:
      url('https://srgodzilla.com.mx/images/clouds.webp'), url('https://srgodzilla.com.mx/images/templo.webp'), url('https://srgodzilla.com.mx/images/Olas.webp'), url('https://srgodzilla.com.mx/images/clouds.webp'), url('https://srgodzilla.com.mx/images/monte.webp'), url('https://srgodzilla.com.mx/images/clouds.webp'), url('https://srgodzilla.com.mx/images/sombra-godzilla-02.webp'), url('https://srgodzilla.com.mx/images/texto-03.webp');
    background-repeat: repeat-x;
    background-position:
      0 180%, /*nubes*/ -1400px 100%, /*templo*/ 0 100%, /*olas*/ 0 70%, /*nubes*/ 1000px 90%, /*monte*/ -300px 0%, /*nubes*/ -500px 20%, /*sombra*/ 100px 4%; /*texto*/
    background-size:
      900px, /*nubes*/ 990px, /*templo*/ 800px, /*olas*/ 800px, /*nubes*/ 1200px, /*monte*/ 850px, /*nubes*/ 1900px, /*sombra*/ 900px; /*texto*/
    animation: 50s para infinite linear;
  }
	
  @keyframes para {
    100% {
      background-position:
        150px 180%, /*nubes*/ -1400px 100%, /*templo*/ -800px 100%, /*olas*/ 500px 50%, /*nubes*/ 1000px 90%, /*monte*/ 200px 0%, /*nubes*/ 1000px 10%, /*sombra*/ -1200px 4%; /*texto*/
    }
  }
}