section,
header,
footer{
	padding: 40px 0;
}
.spacing{
	margin-top: 40px;
	margin-bottom: 40px;
}
.spacing-top{
	margin-top: 40px !important;
}
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1100px;
}

.bg-black{
	background-color: black;
}
.bg-yellow{
	background-color: #ffcc00;
}
.bg-lgrey{
	background-color: lightgray;
}
.bg-dgrey{
	background-color: gray;
}
.fondo-riesgos{
	background-image: url('../img/riesgos.png');
    background-size: cover;
	background-repeat: no-repeat;
	background-position: right center;
}

h1,h2{
	text-transform: uppercase;
	font-family: 'Anton', sans-serif;
}
.bg-dgrey h2{
	color: white;
}

.bg-lgrey h2{
	color: black;
}




.square {
    width: 200px;
    height: 200px;
    background: teal;
    border-radius: 8px;
    opacity: 0;
    transform: scale(1.2);
}

@media (prefers-reduced-motion: no-preference) {
  .square {
    transition: opacity 1.5s ease, transform 1.5s ease;
  }
}

.square-transition {
    opacity: 1;
    transform: none;
}







@media(max-width:1200px){
	img,
	iframe{
		max-width: 100%;
	}
}
@media(max-width:1024px){
	img,
	iframe{
		max-width: 100%;
	}
	
	.fondo-riesgos{
		background-size: 150% 100%;
		background-position: 50% 100%
	}
}


@media(max-width:767px){
	img,
	iframe{
		max-width: 80%;
	}
	.spacing{
		margin-top: 20px;
	}
	.col-md-6  {
		margin-bottom: 30px;
	}
	
	.fondo-riesgos {
	    background-size: 430% 100%;
    	background-position: 63% 100%;
	}
	.fondo-riesgos .col-md-6{
		max-width: 50%;
	}
}