/******************************************* INCLUDES ********************************************/

@import url('https://fonts.googleapis.com/css?family=Orbitron:400,500,600,700,800,900');

/******************************************** GENERAL ********************************************/

html   { margin: 0px; padding: 0px; border: 0px; outline: 0px; }
body   { margin: 0px; padding: 0px; border: 0px; outline: 0px; background-color: #000000; }
body   { height: 100vh; display: flex; flex-direction: column; justify-content: space-around; }
body * { box-sizing: border-box; font-family: "Orbitron", sans-serif; color: #FFFFFF; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
a      { color: #FFFFFF; text-decoration: none; }
img    { width: 100%; height: auto; }

/******************************************* #rowHeader ******************************************/

#rowHeader         { display: flex; align-items: center; justify-content: center; }
#rowHeader a       { font-size: 12px; }
#rowHeader a:hover { text-decoration: underline; }
#rowHeader span    { margin: 0px 10px; font-size: 12px; }

@media (max-width: 480px) {
	#rowHeader a    { font-size: 11px; }
	#rowHeader span { margin: 0px 6px; font-size: 11px; }
}

/****************************************** #rowContent ******************************************/

#rowContent                  { display: flex; align-items: center; justify-content: center; }
#rowContent .divIzda         { margin:  0px 20px; width: 300px; }
#rowContent .divDcha         { margin:  0px 20px; width: 600px; }
#rowContent .divTexto p      { margin: 15px  0px; font-size: 18px; }
#rowContent .divButton       { margin: 40px auto; display: table; }
#rowContent .divButton:hover { transform: scale(1.2); }
#rowContent .divButton a     { padding: 10px 40px; font-size: 20px; font-weight: 900; color: #000000; border-radius: 5px; background: #60F7FF; }

@media (max-width: 480px) {
	#rowContent .divIzda         { display: none; }
	#rowContent .divDcha         { margin:  0px 15px; width: 100%; }
	#rowContent .divTexto p      { font-size: 16px; }
	#rowContent .divButton       { margin: 40px auto; display: table; }
	#rowContent .divButton:hover { transform: scale(1.2); }
	#rowContent .divButton a     { padding: 10px 40px; font-size: 20px; font-weight: 900; color: #000000; border-radius: 5px; background: #60F7FF; }
}

/****************************************** #rowFooter ******************************************/

#rowFooter                { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
#rowFooter .divLogo       { margin: 0px 20px; width: 120px; }
#rowFooter .divRRSS       { margin: 0px 10px; width: 65px; }
#rowFooter .divRRSS:hover { transform: scale(1.2); }
#rowFooter .divCreditos   { margin-top: 20px; width: 100%; font-size: 12px; text-align: center; }

@media (max-width: 480px) {
	#rowFooter .divCreditos   { margin-top: 10px; font-size: 10px; }
}