/* Smartphones (portrait and landscape) ----------- */

@media only screen

and (min-device-width : 320px)

and (max-device-width : 480px) {

.display-1 {
   font-size: 20px!important;
	letter-spacing: 0px!important;
	padding: 0px !important;
}
.foot {
  padding-top: 16px!important;
}
sub, sup {
  position: relative;
  font-size: 16px;
  line-height: 0;
  vertical-align: baseline;
 top:-16px;
}
	
/*.mb-4{margin: 10px 0 !important;}*/
	
.whoshould {
  padding-top: 3px!important;
  padding-bottom: 38px!important;
}
	
.whoshould .mbr-text, .whoshould .mbr-section-btn {
  color: #000000;
  text-shadow: 2px 2px 4px #fff;
  font-size: 16px!important;
}

.key .mbr-iconfont img{
	width: 100%; height: auto; border-radius: 107px;	
}
	
.key {
  padding-top: 10px!important;
  padding-bottom: 10px!important;
}
	
.pb-5 {
  padding-bottom: 10px !important;
}
.display-7 {
  font-size: 14px!important;
}
.whoshould .card-wrapper {
 padding: 20px 42px !important;
}
	
.whytoattend {
  padding-top: 10px!important;
  padding-bottom: 10px!important;
}
all_items {
  padding: 0px 0px!important;
}
	
.contact .card-wrapper {
    padding: 20px 24px !important;
}	
	
}

/* Smartphones (landscape) ----------- */

@media only screen

and (min-width : 321px) {

/* Styles */

}

/* Smartphones (portrait) ----------- */

@media only screen

and (max-width : 320px) {

/* Styles */

}

/* iPads (portrait and landscape) ----------- */

@media only screen

and (min-device-width : 768px)

and (max-device-width : 1024px) {

/* Styles */

}

/* iPads (landscape) ----------- */

@media only screen

and (min-device-width : 768px)

and (max-device-width : 1024px)

and (orientation : landscape) {

/* Styles */

}

/* iPads (portrait) ----------- */

@media only screen

and (min-device-width : 768px)

and (max-device-width : 1024px)

and (orientation : portrait) {

/* Styles */

}

/* Desktops and laptops ----------- */

@media only screen

and (min-width : 1224px) {

/* Styles */

}

/* Large screens ----------- */

@media only screen

and (min-width : 1824px) {

/* Styles */

}

/* iPhone 4 ----------- */

@media

only screen and (-webkit-min-device-pixel-ratio : 1.5),

only screen and (min-device-pixel-ratio : 1.5) {

/* Styles */

}