@charset "utf-8";

.Get-Started {
    width: 100%;
    background-color: hsla(0,0%,100%,1.00);
    padding-left: 25%;
    padding-right: 25%;
    padding-top: 0px;
    padding-bottom: 60px;
    text-align: center;
}

.Get-Started h4 {
    font-size: 54px;
    margin-bottom: 50px;
    color: hsla(274,5%,26%,1.00);
    font-family: "EBGaramond Medium";
    text-transform: lowercase;
}

.Get-Started-Column-Wrapper {
    margin-bottom: 40px;
    float: left;
    width: 100%;
}


.Get-Started-Column {
    float: left;
    width: 25%;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 40px;
}

.Get-Started-Header {
    font-size: 36px;
    color: #604378;
    margin-bottom: 10px;
    font-family: "EBGaramond Regular";
    text-transform: lowercase;
}

.Get-Started-Column p {
    font-size: 18px;    
}


@media (max-width:2400px){
.Get-Started{
    padding-left: 22.5%;
    padding-right: 22.5%;
}
}

@media (max-width:2000px){
.Get-Started{
    padding-left: 18%;
    padding-right: 18%;
}
}

@media (max-width:1800px){
.Get-Started{
    padding-left: 15%;
    padding-right: 15%;
}
}


@media (max-width:1600px){
.Get-Started{
    padding-left: 10%;
    padding-right: 10%;
}
}

@media (max-width:1400px){
.Get-Started{
    padding-left: 60px;
    padding-right: 60px;
}
}

@media (max-width:1200px){
.Get-Started{
    padding-left: 30px;
    padding-right: 30px;
}
}


@media (max-width:1100px){
.Get-Started-Column {
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
}
}

@media (max-width:800px){

.Get-Started h4 {
    font-size: 48px;
    margin-bottom: 50px;
}

.Get-Started-Header {
    font-size: 36px;
}
}

@media (max-width:700px){

.Get-Started {
    padding-bottom: 10px;
}

.Get-Started-Column {
    float: left;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 0px;
}

.Get-Started-Header {
    margin-top: 0px;
}
}