/*********************
BREAKPOINTS
*********************/
/* @group Greys */
/* @end */
/* @group Corporate colours taken from logo */
/* @end */
/* @group Site Defaults */
/* @end */
.FirstBlock {
  padding-top: 7rem;
  padding-bottom: 7rem;
  margin-top: 105px; }

@media only screen and (min-width: 0px) and (max-width: 990px) {
  .FirstBlock {
    margin-top: 55px; } }

.SingleSection {
  padding-top: 10rem;
  padding-bottom: 2rem; }

/* Large screens ----------- */
@media only screen and (min-width: 1424px) {
  .FirstBlock {
    padding-top: 8rem;
    padding-bottom: 8rem; }
  .SingleSection {
    padding-top: 11rem;
    padding-bottom: 1.5rem; } }

/* iPads (landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  /*	.FirstBlock {
		padding-top: 12vh;
		padding-bottom: 4vh;
	}*/ }

/* iPads (portrait) ----------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  /*	.FirstBlock {
		padding-top: 122vh!important;
		padding-bottom: 4vh;
	}*/
  .SingleSection {
    padding-top: 8rem;
    padding-bottom: 3rem; } }

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width: 320px) and (max-width: 736px) {
  .FirstBlock {
    margin-top: 55px !important;
    padding-top: 4vh;
    padding-bottom: 4vh; }
  .SingleSection {
    padding-top: 6rem;
    padding-bottom: 1rem; } }