body {font-family: 'Arial', Helvetica, sans-serif;
			font-size: 16px;
            line-height: 1.5;
		}
        
        p.a
        { color:black;
            font-family:  'Arial', Helvetica, sans-serif;
            line-height: 1.5;
        }
@media(max-width:900px){p.a{color:darkred;}}

  p.b
        { color:black;
            font-family:  'Arial', Helvetica, sans-serif;
            line-height: 1;
            letter-spacing: normal;
        }
@media(max-width:900px){p.b{color:whitesmoke;}}

p.c 
 { color:white;
            font-family:  'Arial', Helvetica, sans-serif;
            line-height: 1.5;
     font-size: 90%;
    text-align: center;
     padding: 10px;
     letter-spacing: normal;
        }
  p.d
        { color:black;
            font-family:  'Arial', Helvetica, sans-serif;
            line-height: 1;
            text-align: center;
            letter-spacing: 1px; 
            font-size:110%;
        }
  p.e
        { color:black;
            font-family:  'Arial', Helvetica, sans-serif;
            line-height: 1;
            text-align: center;
            letter-spacing: 1px; 
            font-size:160%;
            padding:10px;
             text-shadow: rgb(163, 65, 96) 0px 0px 5px, #FFF 0px 0px 10px, #FFF 0px 0px 15px, #FF2D95 0px 0px 20px, #FF2D95 0px 0px 30px, #FF2D95 0px 0px 40px, #FF2D95 0px 0px 50px, #FF2D95 0px 0px 75px;
        }
 p.s
        { color:white;
            font-family:  'Arial', Helvetica, sans-serif;
            line-height: 1;
            text-align: center;
            letter-spacing: normal; 
            font-size:80%;
        }

p.footer
        { color:white;
            font-family: 'Arial', Helvetica, sans-serif;
            line-height: 1.5;
            text-align: center;
            font-size: 80%;
            letter-spacing: 1px;
 text-shadow: 1px 1px 5px #2d55ff;
        }

@media(max-width:900px){p.b{color:whitesmoke;}}

p.foot
        { color:white;
            font-family: 'Arial', Helvetica, sans-serif;
            line-height: 1.5;
            text-align: left;
            padding-left: 20px;
            padding-right: 20px;
            font-size: 80%;
            letter-spacing: 1px;
        }


p.nested
        { color:black;
            font-family:  'Arial', Helvetica, sans-serif;
            line-height: 1.5;
        }
p.f
        { color:black;
            font-family:  'Arial', Helvetica, sans-serif;
            line-height: 1.5;
            text-align: justify;
            text-align:center;
            letter-spacing:3px;
        }

#neontext {
color: #FFFFFF;
background: #333333;
text-shadow: #FFF 0px 0px 5px, #FFF 0px 0px 10px, #FFF 0px 0px 15px, #FF2D95 0px 0px 20px, #FF2D95 0px 0px 30px, #FF2D95 0px 0px 40px, #FF2D95 0px 0px 50px, #FF2D95 0px 0px 75px;
color: #FFFFFF;
background: #333333;
}

a.external:link {color: #f83030; font-weight: bold; }
a.external:visited {color: #c76cb1; font-weight: bold; }
a.external:hover {text-decoration: overline;}
a.external:active {color: #c44182; }


body {font-size:120%;} 
@media(min-width:60em){body{font-size: 110%}}

        #content{
            display: grid;
            grid-template-columns: repeat(8, 1fr);
            grid-auto-rows: minmax(100px, auto);
            grid-gap: 10px;
            max-width: 960px;
            margin: 0 auto;
            grid-template-areas:
                "header header header header header header header header"
                "main main main main main main main main"
                "main main main main main main main main"
                "nav nav nav nav nav nav nav nav"
                "section section section section section section section section"
                "section section section section section section section section"
                "aside aside aside aside aside aside aside aside"
                "aside aside aside aside aside aside aside aside"
                "footer footer footer footer footer footer footer footer";


        }
        /* desktop grid */
        @media screen and (min-width: 760px){
    		#content{
    			display: grid;
    			grid-template-columns: repeat(8, 1fr);
    			grid-auto-rows: minmax(100px, auto);
    			grid-gap: 10px;
    			max-width: 960px;
    			margin: 0 auto;
                grid-template-areas:
                    "nav nav nav header header header header header"
                    "main main main main aside aside aside aside"
                    "main main main main aside aside aside aside"
                    "section section section section section section section section"
                    "section section section section section section section section"
                    "footer footer footer footer footer footer footer footer";
    		}
        }
		#content > *{
			padding: 10px;
		}

        header{
            grid-area: header;
             background:transparent;
        } 
        main{
            grid-area: main;
            background:transparent;
            align-self:center;
        }
        aside{
            grid-area: aside;
            background: transparent;
            align-self:center;
        }
aside1{
            grid-area: aside1;
            background: #cbc5c5;
            align-self:center;
        }

        nav{
            grid-area: nav;
             background:transparent;
            align-self:center;
            border-radius: 10px;
             border: black solid 1px;
            box-shadow: 0 6px 9px 0 rgba(0, 0, 0, 0.7);
            transform:scale(0.9);
        }
@media(max-width:900px){nav {transform:scale(0.9);}} 

        section{
            grid-area: section;
            background:rgb(64, 66, 77);
        }
section1{
            grid-area: section1;
            background:rgb(13, 13, 13);
    align-self: center;
        }
section2{
            grid-area: section2;
            background:rgba(226, 189, 176, 0.52);
    align-self: center;
        }
        footer{
            grid-area: footer;
            background: rgb(0, 0, 0) !important;
        }
        galleria{
            grid-area: galleria;
            background: rgb(240, 170, 143);
            border: 1px solid #fff;
        }
        galleria1 {
            grid-area: galleria1;
            background: rgb(244, 237, 164);
            border: 1px solid #fff;
        }
          galleria2 {
            grid-area: galleria2;
            background: #c1baba;
            border: 1px solid #fff;
        }
 galleria3 {
            grid-area: galleria3;
            background: rgb(244, 237, 164);
        }
 galleria4 {
            grid-area: galleria4;
            background: #f8cdcd;
        }


        .nested {
            display: grid;
            grid-template-columns: repeat (3,1 fr);
            grid-auto-rows: minmax(100px, auto);
    			grid-gap: 10px;
    			max-width: 960px;
    			margin: 0 auto;
            padding: 10px;
                grid-template-areas:
                    "galleria galleria1 galleria2"
                    "galleria galleria1 galleria2"
                 
}



* {
  box-sizing: border-box;
}

.column {
 float: left;
  width: 50%;
  padding: 15px;
}

/* Clearfix (clear floats) */
.row::after {
  content: "";
  clear:both;
  display:inline-block;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 500px) {
  .column {
    width: 100%;
  }
}
.container {
  position: relative;
    box-shadow: 0 6px 9px 0 rgba(0, 0, 0, 0.7);
    background-color: #000000;
}

.container button {
  border: none;
  outline: 0;
  padding: 10px;
  color: white;
  background-color: #000;
  text-align: center;
  cursor: pointer;
  width: 100%;
  font-size: 18px;
}
.container button:hover {
  opacity: 0.4;
}





	


.monButton {
	background-color:black;
	border:1px solid #1f2f47;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:'Comfortaa', sans-serif;
	font-size:15px;
	padding:4px 24px;
    width:100%;
	text-decoration:none;
}
	
.monButton:hover {
    opacity: 0.7;
    background:#1704fa;
}
.monButton:active {
	position:relative;
	top:1px;
    background:rgba(255, 45, 149, 0.49);
}






.release {
  color: whitesmoke;
    font-size: 70%;
    text-align: end;
    letter-spacing:1px;
}
.type {
  color: whitesmoke;
    font-size: 80%;
    font-family:  'Work Sans', sans-serif;
    text-align: end;
    letter-spacing:1px;
    text-align:center;
    border: 1px dotted white;
    border-radius: 15px;
    background-color: #26415d;
}

.titolo {
  color: whitesmoke;
    font-size: 110%;
    font-family:  'Work Sans', sans-serif;
    text-align: end;
    letter-spacing:1px;
    text-align:center;
    text-shadow: rgb(163, 65, 96) 0px 0px 5px, #FFF 0px 0px 10px, #FFF 0px 0px 15px, #FF2D95 0px 0px 20px, #FF2D95 0px 0px 30px, #FF2D95 0px 0px 40px, #FF2D95 0px 0px 50px, #FF2D95 0px 0px 75px;
}



.text-block {
   position:relative;
font-family:  'Comfortaa', sans-serif;
  background-color: *#ce3e08*;
  color: white;
    padding-top: 6px;
  padding-left: 6px;
  padding-right: 6px;
    text-align: justify;
            text-align:center;
            letter-spacing:3px;
}



       
       h1 {
            font-family: 'Work Sans', sans-serif;
            padding: 10 px;
            margin: 0;
        }
h2 {
            font-family: 'Work Sans', sans-serif;
            border: 1px solid #fff;
            padding: 20 px;
            margin: 0;
        }


.myButton {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #184a81), color-stop(1, #1e62d0));
	background:-moz-linear-gradient(top, #184a81 5%, #1e62d0 100%);
	background:-webkit-linear-gradient(top, #184a81 5%, #1e62d0 100%);
	background:-o-linear-gradient(top, #184a81 5%, #1e62d0 100%);
	background:-ms-linear-gradient(top, #184a81 5%, #1e62d0 100%);
	background:linear-gradient(to bottom, #184a81 5%, #1e62d0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#184a81', endColorstr='#1e62d0',GradientType=0);
	background-color:#184a81;
	-moz-border-radius:72px;
	-webkit-border-radius:72px;
	border-radius:72px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:"Comfortaa", sans-serif;
	font-size:70%;
	font-weight:normal;
	padding:4px 24px;
	text-decoration:none;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #ffa9ff));
	background:-moz-linear-gradient(top, #1e62d0 5%, #ffa9ff 100%);
	background:-webkit-linear-gradient(top, #1e62d0 5%, #ffa9ff 100%);
	background:-o-linear-gradient(top, #1e62d0 5%, #ffa9ff 100%);
	background:-ms-linear-gradient(top, #1e62d0 5%, #ffa9ff 100%);
	background:linear-gradient(to bottom, #1e62d0 5%, #ffa9ff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#ffa9ff',GradientType=0);
	background-color:transparent;
    box-shadow: rgb(163, 65, 96) 0px 0px 5px, #FFF 0px 0px 10px, #FFF 0px 0px 15px, #FF2D95 0px 0px 20px, #FF2D95 0px 0px 30px, #FF2D95 0px 0px 40px, #FF2D95 0px 0px 50px, #FF2D95 0px 0px 75px;
}
.myButton:active {
	position:relative;
	top:1px;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d01ec9), color-stop(1, #3d94f6));
	background:-moz-linear-gradient(top, #FF2D95 5%, #3d94f6 100%);
	background:-webkit-linear-gradient(top, #FF2D95 5%, #3d94f6 100%);
	background:-o-linear-gradient(top, #FF2D95 5%, #3d94f6 100%);
	background:-ms-linear-gradient(top, #FF2D95 5%, #3d94f6 100%);
	background:linear-gradient(to bottom, #FF2D95 5%, #3d94f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF2D95', endColorstr='#3d94f6',GradientType=0);
	background-color:#FF2D95;
}




ul {
  list-style-type:none;
  margin:5;
    padding-left: 34px;
  overflow:hidden;
  background-color:black;
}
  


ul li {
  float:left;
     
}

ul li a {
  display:block;
  color: whitesmoke;
  text-align: center;
  padding: 10px 18px 8px 20px;
  text-decoration: none;
    font-family: 'Arial', Helvetica, sans-serif;
}

ul li a:hover:not(.active){
  background-color: whitesmoke;
    color:black;
}

ul li a:active:{
  background-color:rgb(244, 237, 164);
  color: black;
    text-shadow: 0 0 3px #FF0000;
}
.active {
  background-color: rgb(244, 237, 164);
    color: black;
    text-shadow: 0 0 3px #FF0000;
}
 img {
   width: 100%;
     padding:10px;
 }

.cinta {
position: relative;
text-align: center;
display: inline-block; *display: inline;
}
.uno:before,
.dos:before, .dos:after,
.tres:before, .tres:after,
.cuatro:before, .cuatro:after {
content: "";
background: rgba(255, 238, 191, 0.72);
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
}

.dos:before {
width: 40px;
height: 90px;
position:absolute;
top: 20%;
margin-top: -80px;
}
.dos:after {
width: 40px;
height: 70px;
position:absolute;
    left:90%;
top: 100%;
}
.dos:before {
left: 0px;
-webkit-transform: rotate(30deg);
-moz-transform: rotate(30deg);
transform: rotate(30deg);
    z-index:1;
}
.dos:after {
    -webkit-transform: rotate(40deg);
-moz-transform: rotate(40deg);
transform: rotate(40deg);
margin-top: -40px;
right: 10px;
}
.tres:before, .tres:after {
position:absolute;
    top:1;
}
.tres:before {
left: 0;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.tres:after {
top: inherit;
bottom: 4px;
right: 0;
    left:inherit;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.cuatro:before {
width: 40px;
height: 90px;
position:absolute;
top: 20%;
margin-top: -80px;
    z-index:1;
}
.cuatro:after {
width: 40px;
height: 70px;
position:absolute;
    left:90%;
top: 100%;
}


.cuatro:before {
left: 0px;
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
transform: rotate(3deg);
}
.cuatro:after {
margin-top: -60px;
right: 10px;
}

.cinta img {
border: 1px solid #ddd;
padding: 8px;
background: #fff;
  text-align:center;
  vertical-align:top;
-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    transform: scale(0.96);
   position:
  z-index: -1;

       
}
    

img.header {
   width: 100%;
    object-fit: contain;
 }
@media(max-width:900px){img.header {transform:scale(0.9);}} 


.fill {object-fit: fill;}
.contain {object-fit: contain;}
.cover {object-fit: cover;}
.scale-down {object-fit: scale-down;}
.none {object-fit: none;}

}

/* smartphones, touchscreens */
@media (hover: none) and (pointer: coarse) {
    /* ... */
}
/* stylus-based screens */
@media (hover: none) and (pointer: fine) {
    /* ... */
}
/* Nintendo Wii controller, Microsoft Kinect */
@media (hover: hover) and (pointer: coarse) {
    /* ... */
}
/* mouse, touch pad */
@media (hover: hover) and (pointer: fine) {
    /* ... */
}