.box-area {
	margin-bottom: 15px;
}

.box {
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 20px 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	display: inline-block;
	margin-right: 1%;
	min-height: 270px;
	/*min-height: 500px;*/
	padding: 20px 15px;
	text-align: center;
	vertical-align: top;
	width: 24.25%;
}

.box:last-child {
	margin-right: 0;
}

.box:nth-child(1) {
	background-image: url("../../images/box1-flag.png");
	box-shadow: 0 0 1px 1px #dbdce1 inset;
	padding: 0;
	padding-bottom: 0px;
}

.box:nth-child(2) {
	background-image: url("../../images/box2-flag.png");
    text-align: left;
}

.register {
	background-image: url("../../images/box3-flag.png");
	padding: 66px 20px;
    position: relative;
}

.box:nth-child(4) {
	background-image: url("../../images/box4-flag.png");
}

.date {
	background-color: #002c69;
	border: solid 1px #082449;
	border-radius: 20px 0;
	color: #fff;
	font-family: 'Bebas Neue';
	font-size: 1.55em;
	padding: 10px 0px 13px;
	text-align: center;
	text-transform: uppercase;
}

.box:nth-child(1) > img {
	margin: 19px 0;
}

.box:nth-child(1) > p:last-child {
	color: #1e1e1e;
	font-family: 'HelveticaConBQ-Bold';
	font-size: 1.313em;
	line-height: 20px;
	margin: 0 auto 18px;
	width: 85%;
}

.box:nth-child(2) > p,
.box:nth-child(4) > p {
	color: #ffd800;
	font-family: 'Bebas Neue';
	font-size: 1.796em;
	line-height: 26px;
}

.box:nth-child(2) > p {
	margin-bottom: 8px;
}

.box:nth-child(2) > ul,
.box:nth-child(4) > ul {
	color: #ff0000;
	font-family: 'Lato-Bold';
	font-size: 0.80em;
}

.box:nth-child(4) > ul {
	padding-left: 10px;
	text-align: left;
}

.box:nth-child(2) > ul > li {
	list-style: disc;
	list-style-position: inside;
}

.box:nth-child(4) > ul > li {
	list-style: disc;
}

.box:nth-child(2) > ul span,
.box:nth-child(4) > ul span {
	color: #f4f4f5;
	margin-left: -5px;
}

.box:nth-child(4) > ul li{
	
}

.box:nth-child(4) > ul span {
    cursor: default;
    display: block;
	margin-left: -8px;
    position: relative;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.box:nth-child(4) > ul span:hover {
    color: #ffd900;
}

.box:nth-child(4) > ul p {
    background-color: #fefefe;
    border: solid 1px #d3d3d3;
    border-radius: 10px;
    color: #231d22;
    display: none;
    font-family: 'Lato-Bold';
    font-size: 0.875em;
    left: 10%;
    line-height: 15px;
    padding: 15px 20px;
    position: absolute;
    top: 100%;
    width: 75%;
    z-index: 10;
}

.box:nth-child(4) > ul span:hover p {
    display: block;
}

.box:nth-child(4) > ul span p:hover {
    display: none;
}

.box:nth-child(4) > span {
    color: #ffd800;
    display: block;
    font-family: 'Lato-Bold';
}

.register > a:link,
.register > a:visited {
	color: #fff;
	display: block;
	font-family: 'Bebas Neue';
	font-size: 3.2em;
    line-height: 42px;
	text-align: center;
	text-transform: uppercase;
}

.register > a:hover,
.register > a:active {
	
}

.register > a > span {
	color: #ffd900;
}

.register > span {
	background-image: url("../../images/event.png");
    bottom: 10px;
    display: block;
    height: 40px;
    left: 10px;
    position: absolute;
    width: 40px;
}

@media  
    only screen and (-webkit-min-device-pixel-ratio:  3)       and (max-width: 3072px),
    only screen and (   min--moz-device-pixel-ratio: 3)       and (max-width: 3072px), 
    only screen and (     -o-min-device-pixel-ratio: 3/1)     and (max-width: 3072px),
    only screen and (        min-device-pixel-ratio: 3)       and (max-width: 3072px),
    only screen and (                min-resolution: 3dppx)   and (max-width: 3072px),
    only screen and (-webkit-min-device-pixel-ratio: 2)       and (max-width: 2048px),
    only screen and (   min--moz-device-pixel-ratio: 2)       and (max-width: 2048px),
    only screen and (     -o-min-device-pixel-ratio: 2/1)     and (max-width: 2048px),
    only screen and (        min-device-pixel-ratio: 2)       and (max-width: 2048px),
    only screen and (                min-resolution: 2dppx)   and (max-width: 2048px),
    only screen and (-webkit-min-device-pixel-ratio: 1.5)     and (max-width: 1536px),
    only screen and (   min--moz-device-pixel-ratio: 1.5)     and (max-width: 1536px),
    only screen and (     -o-min-device-pixel-ratio: 3/2)     and (max-width: 1536px),
    only screen and (        min-device-pixel-ratio: 1.5)     and (max-width: 1536px),
    only screen and (                min-resolution: 1.5dppx) and (max-width: 1536px),
    only screen and (-webkit-min-device-pixel-ratio: 1)       and (max-width: 1024px),
    only screen and (   min--moz-device-pixel-ratio: 1)       and (max-width: 1024px),
    only screen and (     -o-min-device-pixel-ratio: 1/1)     and (max-width: 1024px),
    only screen and (        min-device-pixel-ratio: 1)       and (max-width: 1024px),
    only screen and (                min-resolution: 1dppx)   and (max-width: 1024px) {
    	.box {
			min-height: 235px;
			width: 49.5%;
		}
		.box:nth-child(2) {
			margin-right: 0;
		}
		.box:nth-child(1),
		.box:nth-child(2) {
			margin-bottom: 15px;
		}
    }

@media  
    only screen and (-webkit-min-device-pixel-ratio:  3)       and (max-width: 2400px),     
    only screen and (   min--moz-device-pixel-ratio: 3)       and (max-width: 2400px),  
    only screen and (     -o-min-device-pixel-ratio: 3/1)     and (max-width: 2400px),  
    only screen and (        min-device-pixel-ratio: 3)       and (max-width: 2400px),  
    only screen and (                min-resolution: 3dppx)   and (max-width: 2400px),  
    only screen and (-webkit-min-device-pixel-ratio: 2)       and (max-width: 1600px),   
    only screen and (   min--moz-device-pixel-ratio: 2)       and (max-width: 1600px),   
    only screen and (     -o-min-device-pixel-ratio: 2/1)     and (max-width: 1600px),   
    only screen and (        min-device-pixel-ratio: 2)       and (max-width: 1600px),   
    only screen and (                min-resolution: 2dppx)   and (max-width: 1600px),   
    only screen and (-webkit-min-device-pixel-ratio: 1.5)     and (max-width: 1200px),   
    only screen and (   min--moz-device-pixel-ratio: 1.5)     and (max-width: 1200px),   
    only screen and (     -o-min-device-pixel-ratio: 3/2)     and (max-width: 1200px),   
    only screen and (        min-device-pixel-ratio: 1.5)     and (max-width: 1200px),   
    only screen and (                min-resolution: 1.5dppx) and (max-width: 1200px),   
    only screen and (-webkit-min-device-pixel-ratio: 1)       and (max-width: 800px),   
    only screen and (   min--moz-device-pixel-ratio: 1)       and (max-width: 800px),   
    only screen and (     -o-min-device-pixel-ratio: 1/1)     and (max-width: 800px),   
    only screen and (        min-device-pixel-ratio: 1)       and (max-width: 800px),   
    only screen and (                min-resolution: 1dppx)   and (max-width: 800px) {
		.box{
			min-height: 250px;
		}
    }

@media  
    only screen and (-webkit-min-device-pixel-ratio:  3)       and (max-width: 2400px),     
    only screen and (   min--moz-device-pixel-ratio: 3)       and (max-width: 2400px),  
    only screen and (     -o-min-device-pixel-ratio: 3/1)     and (max-width: 2400px),  
    only screen and (        min-device-pixel-ratio: 3)       and (max-width: 2400px),  
    only screen and (                min-resolution: 3dppx)   and (max-width: 2400px),  
    only screen and (-webkit-min-device-pixel-ratio: 2)       and (max-width: 1600px),   
    only screen and (   min--moz-device-pixel-ratio: 2)       and (max-width: 1600px),   
    only screen and (     -o-min-device-pixel-ratio: 2/1)     and (max-width: 1600px),   
    only screen and (        min-device-pixel-ratio: 2)       and (max-width: 1600px),   
    only screen and (                min-resolution: 2dppx)   and (max-width: 1600px),   
    only screen and (-webkit-min-device-pixel-ratio: 1.5)     and (max-width: 1200px),   
    only screen and (   min--moz-device-pixel-ratio: 1.5)     and (max-width: 1200px),   
    only screen and (     -o-min-device-pixel-ratio: 3/2)     and (max-width: 1200px),   
    only screen and (        min-device-pixel-ratio: 1.5)     and (max-width: 1200px),   
    only screen and (                min-resolution: 1.5dppx) and (max-width: 1200px),   
    only screen and (-webkit-min-device-pixel-ratio: 1)       and (max-width: 800px),   
    only screen and (   min--moz-device-pixel-ratio: 1)       and (max-width: 800px),   
    only screen and (     -o-min-device-pixel-ratio: 1/1)     and (max-width: 800px),   
    only screen and (        min-device-pixel-ratio: 1)       and (max-width: 800px),   
    only screen and (                min-resolution: 1dppx)   and (max-width: 800px) {
		.box{
			min-height: 270px;
}
    }

@media  
    only screen and (-webkit-min-device-pixel-ratio:  3)      and (max-width: 1440px) and (orientation: portrait), 
    only screen and (   min--moz-device-pixel-ratio: 3)       and (max-width: 1440px) and (orientation: portrait),
    only screen and (     -o-min-device-pixel-ratio: 3/1)     and (max-width: 1440px) and (orientation: portrait),
    only screen and (        min-device-pixel-ratio: 3)       and (max-width: 1440px) and (orientation: portrait),
    only screen and (                min-resolution: 3dppx)   and (max-width: 1440px) and (orientation: portrait),
    only screen and (-webkit-min-device-pixel-ratio: 2)       and (max-width: 960px) and (orientation: portrait),
    only screen and (   min--moz-device-pixel-ratio: 2)       and (max-width: 960px) and (orientation: portrait),
    only screen and (     -o-min-device-pixel-ratio: 2/1)     and (max-width: 960px) and (orientation: portrait),
    only screen and (        min-device-pixel-ratio: 2)       and (max-width: 960px) and (orientation: portrait),
    only screen and (                min-resolution: 2dppx)   and (max-width: 960px) and (orientation: portrait),
    only screen and (-webkit-min-device-pixel-ratio: 1.5)     and (max-width: 720px) and (orientation: portrait),
    only screen and (   min--moz-device-pixel-ratio: 1.5)     and (max-width: 720px) and (orientation: portrait),
    only screen and (     -o-min-device-pixel-ratio: 3/2)     and (max-width: 720px) and (orientation: portrait),
    only screen and (        min-device-pixel-ratio: 1.5)     and (max-width: 720px) and (orientation: portrait),
    only screen and (                min-resolution: 1.5dppx) and (max-width: 720px) and (orientation: portrait),
    only screen and (-webkit-min-device-pixel-ratio: 1)       and (max-width: 480px) and (orientation: portrait),
    only screen and (   min--moz-device-pixel-ratio: 1)       and (max-width: 480px) and (orientation: portrait),
    only screen and (     -o-min-device-pixel-ratio: 1/1)     and (max-width: 480px) and (orientation: portrait),
    only screen and (        min-device-pixel-ratio: 1)       and (max-width: 480px) and (orientation: portrait),
    only screen and (                min-resolution: 1dppx)   and (max-width: 480px) and (orientation: portrait){
    	.box {
    		margin-bottom: 15px;
			margin-right: 0;
			
    		min-height: 0;
			width: 100%;
		}
		.box:last-child {
    		margin-bottom: 0;
		}
    }