@font-face {
  font-family: gobcl;
  src: url("../fonts/gobCL_Regular.otf");
}

body {
    font-family: gobcl;
    font-size: 16px;
    /* zoom: 90%; */
}

btn {
	border: 2px solid white;
}

.h-custom {
	height: calc(100% - 73px);
}

.tooltip-pos{
	right: 0
}

span.error {
	color: #dc3545;
}

.branding {
	height: 2em;
}

.navbar-pmgd {
	background: linear-gradient(146deg, rgba(24,55,94,1) 35%, rgba(0,212,255,1) 100%);
}

.center {
	text-align: center;
}

.circle {
	width: 80px;
	height: 80px;
	border-radius: 50px;
	font-size: 3.5em;
	color: rgba(24,55,94,1);
	margin: 0.5em auto;
	border: 3px solid rgba(24,55,94,1);
}

.circle-full  {
	width: 80px;
	height: 80px;
	border-radius: 80px;
	font-size: 3.5em;
	color: white;
	margin: 0.5em auto;
	background: rgba(0,212,255,1);
	border: 3px solid rgba(0,212,255,1);
}

.column {
    display: flex;
    flex-direction: column;
}

.rowline {
    display: flex;
    flex-direction: row;
}

.block, .block2 {
    background: white;
    border: 2px solid #f2f2f2;
    border-radius: 10px;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.15);
    padding: 0.5em 0.3em;
    z-index: 2;
    color: grey;
    text-align: center;
    font-size: 1.5em;
    margin: 0.2em;
    transition: 0.5s all;
    line-height: normal;
    height: auto;
}

.block2 {
    background: transparent;
    position: relative;
    padding: 0em;
}

.block i, .block2 i {
    font-size: 4.5em;
    margin: 0.25em auto;
}

.block2 i {
    font-size: 6em;
    padding: 0em;
}

.block span {
    padding-top: 2em;
}

.block:hover {
    box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.5);
    border: 2px solid #43a7d8;
    transition: 0.33s all;
    color: #43a7d8;
    cursor: pointer;
}

.block2:hover {
    box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.5);
    transition: 0.33s all;
    cursor: pointer;
}

.rowline, .rowline2 {
    display: flex;
    flex-direction: row;
}

.center {
    display: flex;
}

.quarter {
    width: 24%;
}

.third {
    width: 33%;
}

.third-b {
    width: 30%;
}

.half {
    width: 50%;
}

.three-quarters {
    width: 75%;
}

.full {
    width: 100%;
}

/**
 * ----------------------------------------
 * animation puff-in-center
 * ----------------------------------------
 */


/* FADING TOP */
.fade-in-top {
	-webkit-animation: fade-in-top 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-top 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@-webkit-keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}


/* PULSATE */
.heartbeat {
	-webkit-animation: heartbeat 1.5s ease-in-out infinite both;
	        animation: heartbeat 1.5s ease-in-out infinite both;
}

/**
 * ----------------------------------------
 * animation heartbeat
 * ----------------------------------------
 */
@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}

/*#signupModal .modal-content*/
	/*{*/
	/*	min-height:650px;*/
	/*}*/
	.modal-md2 {
		--mdb-modal-width: 650px;
	}
	.stepper{--mdb-steps-transition: height 0.2s ease-in-out;position:relative;padding:0;margin:0;width:100%;list-style:none;overflow:hidden;transition:var(--mdb-steps-transition)}.steps-step,.timeline-step,.stepper-vertical .stepper-step{--mdb-steps-step-after-left: 2.45rem;--mdb-steps-step-after-width: 1px;--mdb-steps-step-after-margin-top: 0.5rem;--mdb-steps-step-after-bg: rgba(var(--mdb-emphasis-color-rgb), 0.1);height:fit-content;position:relative}.steps-step-after,.timeline-step:after,.stepper-vertical .stepper-step:not(:last-child):after{position:absolute;left:var(--mdb-steps-step-after-left);width:var(--mdb-steps-step-after-width);margin-top:var(--mdb-steps-step-after-margin-top);content:"";background-color:var(--mdb-steps-step-after-bg)}.steps-content,.timeline-content,.stepper-vertical .stepper-content{--mdb-steps-content-padding-y: 1.5rem;overflow:hidden;padding-top:0;padding-bottom:var(--mdb-steps-content-padding-y);padding-right:var(--mdb-steps-content-padding-y)}.steps-head-vertical,.timeline-head,.stepper-vertical .stepper-head{--mdb-steps-head-vertical-padding-top: 1.5rem;--mdb-steps-head-vertical-padding-x: 1.5rem;padding-left:var(--mdb-steps-head-vertical-padding-x);padding-right:var(--mdb-steps-head-vertical-padding-x);padding-top:var(--mdb-steps-head-vertical-padding-top)}.steps-head-icon-vertical,.timeline-head-icon,.stepper-vertical .stepper-head-icon{--mdb-steps-head-icon-vertical-margin-right: 0.75rem;margin-right:var(--mdb-steps-head-icon-vertical-margin-right)}.steps-head-text-after-vertical,.stepper-vertical .stepper-head-text:after{position:absolute}.steps-head,.timeline-head,.stepper-head{--mdb-steps-head-line-height: 1.3;--mdb-steps-head-hover-bgc: rgba(var(--mdb-emphasis-color-rgb), 0.025);display:flex;align-items:center;text-decoration:none;color:unset;line-height:var(--mdb-steps-head-line-height)}.steps-head-hover,.stepper-head:hover{background-color:var(--mdb-steps-head-hover-bgc)}.steps-head-focus,.stepper-head:focus{outline:none}.steps-head-text,.timeline-head-text,.stepper-head-text{--mdb-steps-head-text-color: rgba(var(--mdb-emphasis-color-rgb), 0.55);--mdb-steps-head-text-after-font-size: 0.8rem;color:var(--mdb-steps-head-text-color)}.steps-head-text-after,.timeline-head-text:after,.stepper-head-text:after{display:flex;font-size:var(--mdb-steps-head-text-after-font-size);content:attr(data-mdb-content)}.steps-head-icon,.timeline-head-icon,.stepper-head-icon{--mdb-steps-head-icon-font-size: 0.875rem;--mdb-steps-head-icon-width: 1.938rem;--mdb-steps-head-icon-height: 1.938rem;--mdb-steps-head-icon-font-weight: 500;display:flex;justify-content:center;align-items:center;border-radius:100%;font-size:var(--mdb-steps-head-icon-font-size);width:var(--mdb-steps-head-icon-width);height:var(--mdb-steps-head-icon-height);font-weight:var(--mdb-steps-head-icon-font-weight)}.steps-active-head-text,.timeline-head-text,.stepper-active .stepper-head-text{--mdb-steps-active-head-text-font-weight: 500;font-weight:var(--mdb-steps-active-head-text-font-weight)}.stepper{--mdb-stepper-padding-x: 1rem;--mdb-stepper-step-height: 4.5rem;--mdb-stepper-step-head-padding-left: 0rem;--mdb-stepper-step-head-padding-right: 0rem;--mdb-stepper-step-head-height: 1px;--mdb-stepper-step-head-bg: rgba(var(--mdb-emphasis-color-rgb), 0.1);--mdb-stepper-step-head-margin-right: 0.5rem;--mdb-stepper-step-head-margin-left: 0.5rem;--mdb-stepper-head-icon-margin-y: 1.5rem;--mdb-stepper-head-icon-margin-right: 0.5rem;--mdb-stepper-vertical-step-top: 3.25rem;--mdb-stepper-vertical-step-height: calc(100% - 2.45rem);--mdb-stepper-vertical-content-padding-left: 3.75rem;--mdb-stepper-vertical-content-transition: height 0.3s ease-in-out, margin-top 0.3s ease-in-out, margin-bottom 0.3s ease-in-out, padding-top 0.3s ease-in-out, padding-bottom 0.3s ease-in-out;--mdb-stepper-vertical-head-padding-bottom: 1.5rem;--mdb-stepper-mobile-step-margin-y: 1rem;--mdb-stepper-mobile-step-head-padding-x: 0.25rem;--mdb-stepper-mobile-head-icon-height: 0.5rem;--mdb-stepper-mobile-head-icon-width: 0.5rem;--mdb-stepper-mobile-content-top: 2.56rem;--mdb-stepper-mobile-active-head-icon-bg: var(--mdb-primary);--mdb-stepper-mobile-completed-head-icon-bg: var(--mdb-success);--mdb-stepper-head-icon-bg: var(--mdb-surface-inverted-bg);--mdb-stepper-head-icon-color: var(--mdb-surface-inverted-color);--mdb-stepper-completed-head-icon-bg: var(--mdb-success-bg-subtle);--mdb-stepper-completed-head-icon-color: var(--mdb-success-text-emphasis);--mdb-stepper-active-head-icon-bg: var(--mdb-primary-bg-subtle);--mdb-stepper-active-head-icon-color: var(--mdb-primary-text-emphasis);--mdb-stepper-invalid-head-icon-bg: var(--mdb-danger-bg-subtle);--mdb-stepper-invalid-head-icon-color: var(--mdb-danger-text-emphasis);--mdb-stepper-disabled-head-color: rgba(var(--mdb-emphasis-color-rgb), 0.3);--mdb-stepper-disabled-head-icon-bg: var(--mdb-surface-inverted-bg);--mdb-stepper-disabled-head-icon-color: rgba(var(--mdb-surface-inverted-color-rgb), 0.55);--mdb-stepper-mobile-head-padding-y: 0.5rem;--mdb-stepper-mobile-head-padding-x: 1rem;--mdb-stepper-mobile-footer-height: 2.5rem;--mdb-stepper-back-btn-i-margin-right: 0.5rem;--mdb-stepper-next-btn-i-margin-left: 0.5rem;--mdb-stepper-mobile-progress-bar-height: 0.3rem;--mdb-stepper-mobile-progress-height: 0.3rem;--mdb-stepper-mobile-progress-background-color: var(--mdb-secondary-bg);--mdb-stepper-mobile-active-progress-bar-color: var(--mdb-primary);--mdb-stepper-mobile-footer-bg: var(--mdb-stepper-mobile-bg);--mdb-stepper-mobile-head-bg: var(--mdb-stepper-mobile-bg);--mdb-stepper-mobile-invalid-icon-bg: var(--mdb-danger)}.stepper:not(.stepper-vertical){display:flex;justify-content:space-between}.stepper:not(.stepper-vertical) .stepper-content{position:absolute;width:100%;padding-right:var(--mdb-stepper-padding-x);padding-left:var(--mdb-stepper-padding-x)}.stepper:not(.stepper-vertical) .stepper-step{flex:auto;height:var(--mdb-stepper-step-height)}.stepper:not(.stepper-vertical) .stepper-step:first-child .stepper-head{padding-left:var(--mdb-stepper-step-head-padding-left)}.stepper:not(.stepper-vertical) .stepper-step:last-child .stepper-head{padding-right:var(--mdb-stepper-step-head-padding-right)}.stepper:not(.stepper-vertical) .stepper-step:not(:first-child) .stepper-head:before{flex:1;height:var(--mdb-stepper-step-head-height);width:100%;margin-right:var(--mdb-stepper-step-head-margin-right);content:"";background-color:var(--mdb-stepper-step-head-bg)}.stepper:not(.stepper-vertical) .stepper-step:not(:last-child) .stepper-head:after{flex:1;height:var(--mdb-stepper-step-head-height);width:100%;margin-left:var(--mdb-stepper-step-head-margin-left);content:"";background-color:var(--mdb-stepper-step-head-bg)}.stepper:not(.stepper-vertical) .stepper-head-icon{margin-top:var(--mdb-stepper-head-icon-margin-y);margin-right:var(--mdb-stepper-head-icon-margin-right);margin-bottom:var(--mdb-stepper-head-icon-margin-y);margin-left:0}.stepper-vertical .stepper-step:not(:last-child):after{top:var(--mdb-stepper-vertical-step-top);height:var(--mdb-stepper-vertical-step-height)}.stepper-vertical .stepper-content{padding-left:var(--mdb-stepper-vertical-content-padding-left);transition:var(--mdb-stepper-vertical-content-transition)}.stepper-vertical .stepper-content-hide{margin-top:0 !important;margin-bottom:0 !important;padding-top:0 !important;padding-bottom:0 !important;height:0 !important}.stepper-vertical .stepper-head{padding-bottom:var(--mdb-stepper-vertical-head-padding-bottom)}.stepper.stepper-mobile{justify-content:center;align-items:flex-end}.stepper.stepper-mobile.stepper-progress-bar .stepper-head-icon{display:none}.stepper.stepper-mobile .stepper-step{flex:unset;height:fit-content;margin-top:var(--mdb-stepper-mobile-step-margin-y);margin-bottom:var(--mdb-stepper-mobile-step-margin-y)}.stepper.stepper-mobile .stepper-step:not(:last-child) .stepper-head:after{margin-left:0}.stepper.stepper-mobile .stepper-step:not(:first-child) .stepper-head:before{margin-right:0}.stepper.stepper-mobile .stepper-step:not(:last-child):not(:first-child) .stepper-head{padding-left:var(--mdb-stepper-mobile-step-head-padding-x);padding-right:var(--mdb-stepper-mobile-step-head-padding-x)}.stepper.stepper-mobile .stepper-head-icon{font-size:0;margin:0;height:var(--mdb-stepper-mobile-head-icon-height);width:var(--mdb-stepper-mobile-head-icon-width);z-index:1}.stepper.stepper-mobile .stepper-head-text{display:none}.stepper.stepper-mobile .stepper-content{top:var(--mdb-stepper-mobile-content-top)}.stepper.stepper-mobile .stepper-active .stepper-head-icon{background-color:var(--mdb-stepper-mobile-active-head-icon-bg)}.stepper.stepper-mobile .stepper-completed .stepper-head-icon{background-color:var(--mdb-stepper-mobile-completed-head-icon-bg)}.stepper.stepper-mobile .stepper-invalid .stepper-head-icon{background-color:var(--mdb-stepper-mobile-invalid-icon-bg)}.stepper-form{display:inherit;justify-content:inherit;width:inherit;position:inherit}.stepper-content{left:0}.stepper-head{cursor:pointer}.stepper-head-icon{background-color:var(--mdb-stepper-head-icon-bg);color:var(--mdb-stepper-head-icon-color)}.stepper-completed .stepper-head-icon{background-color:var(--mdb-stepper-completed-head-icon-bg);color:var(--mdb-stepper-completed-head-icon-color)}.stepper-active .stepper-content{display:block}.stepper-active .stepper-head-icon{background-color:var(--mdb-stepper-active-head-icon-bg);color:var(--mdb-stepper-active-head-icon-color)}.stepper-invalid .stepper-head-icon{background-color:var(--mdb-stepper-invalid-head-icon-bg);color:var(--mdb-stepper-invalid-head-icon-color)}.stepper-disabled .stepper-head{cursor:default}.stepper-disabled .stepper-head-icon{background-color:var(--mdb-stepper-disabled-head-icon-bg);color:var(--mdb-stepper-disabled-head-icon-color)}.stepper-disabled .stepper-head-text{color:var(--mdb-stepper-disabled-head-color)}.stepper-mobile-head{position:absolute;align-self:normal;height:fit-content;background-color:var(--mdb-stepper-mobile-head-bg);width:100%;padding-top:var(--mdb-stepper-mobile-head-padding-y);padding-right:var(--mdb-stepper-mobile-head-padding-x);padding-bottom:var(--mdb-stepper-mobile-head-padding-y);padding-left:var(--mdb-stepper-mobile-head-padding-x)}.stepper-mobile-footer{position:absolute;display:flex;justify-content:space-between;align-items:center;background-color:var(--mdb-stepper-mobile-footer-bg);width:100%;height:var(--mdb-stepper-mobile-footer-height)}.stepper-back-btn{display:block;left:0}.stepper-back-btn .btn-link{color:unset}.stepper-back-btn i{margin-right:var(--mdb-stepper-back-btn-i-margin-right)}.stepper-next-btn{display:block;right:0}.stepper-next-btn .btn-link{color:unset}.stepper-next-btn i{margin-left:var(--mdb-stepper-next-btn-i-margin-left)}.stepper-mobile-progress-bar{height:var(--mdb-stepper-mobile-progress-bar-height);background-color:var(--mdb-stepper-mobile-active-progress-bar-color);width:0}.stepper-mobile-progress{height:var(--mdb-stepper-mobile-progress-height);flex-grow:100;background-color:var(--mdb-stepper-mobile-progress-background-color)}

@media (max-width: 450px) {
	.h-custom {
		height: 100%;
	}
}

/***** BREAKPOINTS *****/

/*  Large Devices (laptop /desktop) - 1350px an up  */
@media only screen and (max-width: 1350px) {

    .lines {
        left: -10em;
        top: 0;
        width: 70%;
    }

    .logo {
        width: 13em;
        margin: 4em 2em;
    }

    .big-title {
        width: 60%;
        right: 2em;
    }

    .block i, .block2 i {
        font-size: 6em;
        margin: 0;
    }

    main {
        padding: 1em 1.5em;
    }

    .block, .block2 {
        padding: 0.5em;
        font-size: 1.25em;
        margin: 0.5em 0,75em;
    }

    .others {
        font-size: 1.25em !important;
    }

    .others img {
        max-width: 80% !important;
        position: relative;
        top: -3.75em;
        margin: 0 auto;
    }

}

/*  Large Devices (laptop /desktop) - 1080px an up  */
@media only screen and (max-width: 1080px) {

    h1 {
        margin: 1em auto 0.25em auto;
        font-size: 3em;
    }

    main {
        padding: 0.5em;
    }

    .big-title2 {
        width: 75%;
        margin: 0 12.5%;
        position: absolute;
        text-align: center;
        top: 25%;
    }

    .plus {
        font-size: 7em;
        margin: 0 auto;
    }

    .lines {
        left: -10em;
        top: 0;
        width: 100%;
    }

    .container {
        margin: -7em 0.25em;
    }

    .logo {
        width: 13em;
        margin: 4em 41%;
    }

    .big-title {
        width: 90%;
        right: 5%;
        text-align: center;
    }

    .block i {
        font-size: 6em;
        margin: 0;
    }

    .block2 i {
        font-size: 4em !important;
    }

    .block, .block2 {
        font-size: 1.25em;
        width: auto;
    }

    .block2 {
        background: transparent;
        height: 12em;
        width: 100%;
    }

    .rowline2 {
        display: flex;
        flex-direction: column;
    }

    .column-row {
        display: flex;
        flex-direction: row;
    }

    .quarter {
        width: auto;
    }

    .three-quarters {
        width: auto;
    }

    .blue, .green, .electrolight, .bluepurple {
        width: 100.4%;
        height: 101%;
    }

    .others {
        margin: 0.75em !important;
    }

    .others img {
        max-width: 60% !important;
        position: relative;
        top: -4em;
        margin: 0 auto;
    }

    .scale:hover {
        transform: scale(1.05);
        transition: 0.33s all;
    }

}

/*  Large Devices (landscape tablets) - 768px an up  */
@media only screen and (max-width: 768px) {

    h1 {
        margin: 2em auto 0.25em auto;
        font-size: 3em;
    }

    h2 {
        font-size: 1.75em;
        margin: 0.1em;
    }

    h3 {
        font-size: 1.25em;
        margin: 0em;
    }

    em {
        font-size: 1em;
    }

    .col-7, .col-5 {
        width: 100%;
        margin: 1em;
    }

    .navbar-pmgd {
        height: 4em;
    }

    .big-title2 {
        width: 90%;
        margin: 0 5%;
        top: 25%;
    }

    .slider {
        width: 100%;
        height: 50vh;
    }

    .logo {
        width: 11em;
        margin: 1em 37%;
    }

    .big-title {
        top: 12%;
    }

    .degrade-pmgd, .degrade-pip {
        width: 100%;
        height: 50vh;
    }

    .column-row {
        display: flex;
        flex-direction: column;
    }

    .block {
        font-size: 0.8em;
        margin: 0.25em;
    }

    .block2 {
        font-size: 1.25em;
        margin: 0.25em !important;
        height: 10em;
        width: auto;
    }

    .block i {
        font-size: 5em;
    }

    .block2 i {
        font-size: 4em !important;
    }

    .rowline, .rowline2 {
        flex-direction: column;
    }

    .others {
        margin: 0.25em !important;
    }

    .others img {
        max-width: 35% !important;
        position: relative;
        top: -3.5em;
        margin: 0 auto;
    }

    .scale:hover {
        transform: scale(1.025);
        transition: 0.33s all;
    }

    .border-box i {
        font-size: 3.5em !important;
        margin: auto 0;
    }

    .border-box {
        font-size: 0.85em;
    }   

    .active:has(i:hover) {
        transform: scale(1.05);
    }

    table {
        font-size: 0.75em;
    }

    tbody button i {
        font-size: 3.5em !important;
        transition: 0.5s all;
    }
}

/*  Large Devices (landscape tablets) - 600px an up  */
@media only screen and (max-width: 600px) {

    h1 {
        margin: 2em auto 0.25em auto;
        font-size: 2.5em;
    }

    h2 {
        font-size: 1.5em;
        margin: 0.1em;
    }

    .plus {
        font-size: 5em;
    }

    tbody button i {
        font-size: 3em !important;
        transition: 0.5s all;
    }

    .schedule {
        width: inherit;
        font-size: 1em !important;
        margin: 0.75em 0.25em;
    }

    .container {
        margin: -5em 0.2em;
    }

    .overflow {
        overflow-x: auto;
        padding-top: 0.5em;
        scrollbar-color: #43a7d8 white;
        scrollbar-width: thin;
        scrollbar-gutter: auto;
    }

    .view768 {
        width: 768px;
        margin: 1em auto;
        font-size: 1em;
    }

    .inners {
        margin: 1em auto;
    }

    .logo {
        width: 10em;
        margin: 2em 33%;
    }

    .mobile-wrap {
        display: flex;
        flex-wrap: wrap;
    }

    .mobile-wrap .quarter {
        width: 43.75%;
        margin: 0.5em auto;
    }

    .third-b {
        width: 45%;
    }

    .block {
        margin: 1.5% 1%;
    }

    .block i {
        font-size: 6.5em;
    }

    .block2 {
        font-size: 1em;
    }

    .block2 i {
        font-size: 4em !important;
    }

    .logo {
        width: 9em;
        margin: 2em 37.5%;
    }

    .slider {
        height: 45vh;
    }

    .degrade {
        height: 45vh;
    }

    .line-block {
        margin: 0.75em auto;
    }

}


/*  Large Devices (landscape tablets) - 480px an up  */
@media only screen and (max-width: 400px) {

    .logo {
        width: 9em;
        margin: 2em 32%;
    }

    h1 {
        margin: 2.75em auto 0.25em auto;
        font-size: 2em;
    }

    h2 {
        font-size: 1.25em;
        margin: 0.1em;
    }

    .mobile-wrap .quarter {
        width: 42.5%;
    }

    .third-b {
        width: 44%;
    }

}