/* =================================================
   01- Flag
====================================================*/ 
.flag{
	margin-left: 10%;
}
.flag1{
  width: 250px;	
  height:200px;
  background: red;
  position: relative;
  margin-right:7%; 
  background: url(../images/nicaragua.svg);
  background-size: 100% 100%;
  background-origin: top;
  background-position: center;
}

.flag2{
  width: 250px;	
  height:200px;

 position: relative;
 margin-right:7%; 
  background: url(../images/guatemala.svg);
  background-size: 100% 100%;
  background-origin: top;
  background-position: center;

}
.flag3{
  width: 250px;	
  height:200px;

 position: relative;
 background: url(../images/costa-rica.svg);
  background-size: 100% 100%;
  background-origin: top;
  background-position: center;

}
.imgflag{

	width: 100%;
}

.flagtext{
	padding: 5px 0px;
	text-align:center;
}


/* =================================================
   02- Boton
====================================================*/ 
.botonflag{
	
    bottom: -10px;
    position: absolute;
    left: 23%;
     display: inline-block;
    background: #010135;
    padding: 5px 25px;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.1);
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0,.1);
    box-shadow: 1px 1px 3px rgba(0,0,0,.1);
    color: white;
}



/* =================================================
   03- Modal
====================================================*/ 
.w3-modal-content {
    top:20px;
}

/* =================================================
   Responssive
====================================================*/ 
@media (max-width: 1199px) {
		.flag{
		margin-left: 10%;
	}
	 .flag1{
	  width: 80%;	
	  height:350px;
	
	  position: relative;
	  margin-right:10%; 
	  margin-bottom: 30px;
	  background: url(../images/nicaragua.svg);
	  background-size: 100% 100%;
	  background-origin: top;
	  background-position: center;

	} 
	 .flag2{
	  width: 80%;	
	  height:350px;

	  position: relative;
	  margin-right:10%; 
	  margin-bottom: 30px;
	    background: url(../images/guatemala.svg);
	  background-size: 100% 100%;
	  background-origin: top;
	  background-position: center;

	} 
	 .flag3{
	  width: 80%;	
	  height:350px;
	
	  position: relative;
	  margin-right:10%; 
	  margin-bottom: 30px;
	    background: url(../images/costa-rica.svg);
	  background-size: 100% 100%;
	  background-origin: top;
	  background-position: center;

	} 

		.botonflag{
		
	    bottom: -10px;
	    position: absolute;
	    left: 41%;
	     display: inline-block;
	    background: #010135;
	    padding: 5px 25px;
	    border-radius: 5px;
	    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.1);
	    -moz-box-shadow: 1px 1px 3px rgba(0,0,0,.1);
	    box-shadow: 1px 1px 3px rgba(0,0,0,.1);
	    color: white;
	}

}

@media (max-width: 750px) {
		.flag{
		margin-left: 5%;
		}
	 .flag1{
	  width: 100%;	
	  height:350px;
	
	  position: relative;
	  margin-right:5%; 
	  margin-bottom: 30px;
	    background: url(../images/nicaragua.svg);
  		background-size: 100% 100%;
  		background-origin: top;
  		background-position: center;

	} 
	 .flag2{
	  width: 100%;	
	  height:350px;
	
	  position: relative;
	  margin-right:5%; 
	  margin-bottom: 30px;
	    background: url(../images/guatemala.svg);
  		background-size: 100% 100%;
  		background-origin: top;
  		background-position: center;

	} 
	 .flag3{
	  width: 100%;	
	  height:350px;
	 
	  position: relative;
	  margin-right:5%; 
	  margin-bottom: 30px;
	    background: url(../images/costa-rica.svg);
  		background-size: 100% 100%;
  		background-origin: top;
  		background-position: center;

	} 
	.botonflag{
		
	    bottom: -10px;
	    position: absolute;
	    left: 39%;
	     display: inline-block;
	    background: #010135;
	    padding: 5px 25px;
	    border-radius: 5px;
	    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.1);
	    -moz-box-shadow: 1px 1px 3px rgba(0,0,0,.1);
	    box-shadow: 1px 1px 3px rgba(0,0,0,.1);
	    color: white;
	}

}

@media (min-width: 768px) and (max-width: 991px) {
	
 
}

@media (max-width: 480px) {
  .flag{
		margin-left: 5%;
		padding-right: 15px;
	}

	.botonflag{
		
	    bottom: -10px;
	    position: absolute;
	    left: 31%;
	     display: inline-block;
	    background: #010135;
	    padding: 5px 25px;
	    border-radius: 5px;
	    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.1);
	    -moz-box-shadow: 1px 1px 3px rgba(0,0,0,.1);
	    box-shadow: 1px 1px 3px rgba(0,0,0,.1);
	    color: white;
	}


}

@media (max-width: 320px) {
 
}