.headerImageBell{
    width:40%;
}

h2{
    margin-top:.2%;
}

h3{
    font-size:35px;
    font-weight:400;
    margin-top:-2.7%;
}

h4{
    font-size:25px;
    font-weight:300;
}

.pClasses{
    font-weight:100;
}

.bell{
    width:60%;
}

#section1{
    background:#f7941d;
    height:550px;
    width:100%;
    display:flex;
}


.section11{
    height:75px;
    width:100%;
    display:flex;
    flex-direction:row;
}

.section11Container1{
    background:#f7941d;
}

.section11Container2{
    background:#f15a29;
}

.section11Container3{
    background:#ef4136;
}


#section11Container1, #section11Container2, #section11Container3, #section11Container4, .section11Container{
    display:flex;
    width:100%;
    flex-direction:row;
    justify-content:left;
}


.section11First{
    background:#f7941d;
}

.titleIcons{
    width:50%;
    margin-top:35%;
}

.titles{
    font-size:40px;
    font-weight:200;
}


.titleWhite{
    color:white;
    padding-left:14%;
}

.titlePink{
    color:#e80a4d;
        padding-left:14%;
}


.lastColumnsContainer{
    display:flex;
    flex-direction:row;
    padding-left:14%;
    width:110%;
}


.iconContainers{
    display:flex;
    align-items:center;
    width: 11%;
    justify-content:right;
}

#iconContainer1{
    background:#f7941d;
}

#iconContainer2{
    background:#f15a29;
}

#iconContainer3{
    background:#ef4136;
}



.titleContainers{
    background:#333;
    color:#333;
    display:flex;
    flex-direction:column;
    width:70%;
    text-align:left;
    padding-top:1%;
    padding-left:1%;

}

.titleContainer1{
    background:#f7941d;
}

.titleContainer2{
    background:#f15a29;
}


.titleContainer3{
    background:#ef4136;
    
}

.titleContainer4{
    
 width:81%;   
}



.columnsContainers{
    display:flex;
    flex-direction:row;
    width:100%;
}

.columns{
    width:33%;
}

.columns44{
    width:54%;
}


.columns2{
    margin-left:1%;
    margin-right:1%;
}


#section2{
    background:#f15a29;
    height:550px;
    width:100%;
    display:flex;
}

#section3{
    background:#ef4136;
    height:500px;
    width:100%;
    display:flex;
}

#section4{
    height:500px;
    width:100%;
    display:flex;
}



.lastColumns{
    width:30%;
    padding-right:1%;
    
}

.h3Whites{
    color:white;
    font-weight:200;
}


#motto{
    color:white;
    font-size:30px;
    font-weight:200;
    width:80%;
    margin:auto;
    display:flex;
    flex-direction:row !important;
    position:relative;
    margin-top:25%;
     gap:20px;
     padding-bottom:3%;
}

.quoteContainers{
    width:10%;
    height:100%;
}

#mottoText{
    margin:auto;
    display:flex;
    flex-direction:row;
    height:auto;
}

.quotes{
    width:75%;

}

#quoteClose{
    margin-top:auto;
}


@media screen and (max-width:1400px) and (min-width:1000px){
    h3{
    font-size:30px;
    font-weight:400;
    margin-top:-2.7%;
}

h4{
    font-size:20px;
    font-weight:300;
}
}

@media screen and (max-width:1250px) and (min-width:300px){
    h3{
    font-size:30px;
    font-weight:400;
    margin-top:-2.7%;
}

h4{
    font-size:20px;
    font-weight:300;
}

.lastColumnsContainer{
    display:flex;
    flex-direction:column;
    padding-left:14%;
    width:110%;
}


.lastColumns{
    width:100%;
    padding-right:1%;
    
}


.columns{
    width:100%;
}


.columnsContainers{
    width:100%;
    flex-direction:column;
}

.quoteContainers{
    width:20%;
}

}


@media screen and (max-width:1500px) and (min-width:1250px){
    #section1{
    height:420px;
    width:100%;
    display:flex;
}


#section2{
    background:#f15a29;
    height:435px;
    width:100%;
    display:flex;
}

#section3{
    background:#ef4136;
    height:390px;
    width:100%;
    display:flex;
}

#section4{
    height:630px;
    width:100%;
    display:flex;
}

#motto{
    padding-top:3%;
 

}}


@media screen and (max-width:1250px) and (min-width:950px){
    #section1{
    height:600px;
    width:100%;
    display:flex;
}


#section2{
    background:#f15a29;
    height:635px;
    width:100%;
    display:flex;
}

#section3{
    background:#ef4136;
    height:490px;
    width:100%;
    display:flex;
}

#section4{
    height:830px;
    width:100%;
    display:flex;
}

#motto{
    padding-top:13%;
 

}}


@media screen and (max-width:950px) and (min-width:900px){
    #section1{
    height:600px;
    width:100%;
    display:flex;
}


#section2{
    background:#f15a29;
    height:635px;
    width:100%;
    display:flex;
}

#section3{
    background:#ef4136;
    height:490px;
    width:100%;
    display:flex;
}

#section4{
    height:830px;
    width:100%;
    display:flex;
}

#motto{
    padding-top:30%;
 

}}



@media screen and (max-width:900px) and (min-width:850px){
    #section1{
    height:660px;
    width:100%;
    display:flex;
}


#section2{
    background:#f15a29;
    height:600px;
    width:100%;
    display:flex;
}

#section3{
    background:#ef4136;
    height:510px;
    width:100%;
    display:flex;
}

#section4{
    height:830px;
    width:100%;
    display:flex;
}

#motto{
    padding-top:30%;
 

}}


@media screen and (max-width:850px) and (min-width:800px){
    #section1{
    height:660px;
    width:100%;
    display:flex;
}


#section2{
    background:#f15a29;
    height:705px;
    width:100%;
    display:flex;
}

#section3{
    background:#ef4136;
    height:510px;
    width:100%;
    display:flex;
}

#section4{
    height:830px;
    width:100%;
    display:flex;
}

#motto{
    padding-top:40%;
 

}}



@media screen and (max-width:800px) and (min-width:750px){
    #section1{
    height:680px;
    width:100%;
    display:flex;
}


#section2{
    background:#f15a29;
    height:735px;
    width:100%;
    display:flex;
}

#section3{
    background:#ef4136;
    height:530px;
    width:100%;
    display:flex;
}

#section4{
    height:850px;
    width:100%;
    display:flex;
}

#motto{
    padding-top:40%;
 

}}


@media screen and (max-width:750px) and (min-width:700px){
    #section1{
    height:690px;
    width:100%;
    display:flex;
}


#section2{
    background:#f15a29;
    height:755px;
    width:100%;
    display:flex;
}

#section3{
    background:#ef4136;
    height:540px;
    width:100%;
    display:flex;
}

#section4{
    height:850px;
    width:100%;
    display:flex;
}

#motto{
    padding-top:45%;
 

}}



@media screen and (max-width:700px) and (min-width:650px){
    #section1{
    height:715px;
    width:100%;
    display:flex;
}


#section2{
    background:#f15a29;
    height:785px;
    width:100%;
    display:flex;
}

#section3{
    background:#ef4136;
    height:550px;
    width:100%;
    display:flex;
}

#section4{
    height:850px;
    width:100%;
    display:flex;
}

#motto{
    padding-top:45%;
 

}}




@media screen and (max-width:650px) and (min-width:600px){
    #section1{
    height:775px;
    width:100%;
    display:flex;
}


#section2{
    background:#f15a29;
    height:785px;
    width:100%;
    display:flex;
}

#section3{
    background:#ef4136;
    height:550px;
    width:100%;
    display:flex;
}

#section4{
    height:700px;
    width:100%;
    display:flex;
}

#motto{
    padding-top:5%;
 

}}

@media screen and (max-width:600px) and (min-width:550px){
    #section1{
    height:810px;
    width:100%;
    display:flex;
}


#section2{
    background:#f15a29;
    height:820px;
    width:100%;
    display:flex;
}

#section3{
    background:#ef4136;
    height:550px;
    width:100%;
    display:flex;
}

#section4{
    height:700px;
    width:100%;
    display:flex;
}

#motto{
    padding-top:5%;
 

}}


@media screen and (max-width:550px) and (min-width:500px){
    #section1{
    height:870px;
    width:100%;
    display:flex;
}


#section2{
    background:#f15a29;
    height:950px;
    width:100%;
    display:flex;
}

#section3{
    background:#ef4136;
    height:600px;
    width:100%;
    display:flex;
}

#section4{
    height:700px;
    width:100%;
    display:flex;
}

#motto{
    padding-top:5%;
 

}}


@media screen and (max-width:500px) and (min-width:450px){
    #section1{
    height:950px;
    width:100%;
    display:flex;
}


#section2{
    background:#f15a29;
    height:980px;
    width:100%;
    display:flex;
}

#section3{
    background:#ef4136;
    height:700px;
    width:100%;
    display:flex;
}

#motto{
    margin-top:130% !important;
    font-size:20px;
    padding-top:5%;
    padding-bottom:5%;
    line-height:30px;
}


}


@media screen and (max-width:450px) and (min-width:400px){
    #section1{
    height:970px;
    width:100%;
    display:flex;
}


#section2{
    background:#f15a29;
    height:1040px;
    width:100%;
    display:flex;
}

#section3{
    background:#ef4136;
    height:775px;
    width:100%;
    display:flex;
}

#motto{
    margin-top:150% !important;
    font-size:17px;
    padding-bottom:8%;
    line-height:30px;
}


}



@media screen and (max-width:400px) and (min-width:350px){
    #section1{
    height:1000px;
    width:100%;
    display:flex;
}


#section2{
    background:#f15a29;
    height:1050px;
    width:100%;
    display:flex;
}

#section3{
    background:#ef4136;
    height:790px;
    width:100%;
    display:flex;
}

#motto{
    margin-top:170% !important;
    font-size:17px;
    padding-bottom:8%;
    line-height:30px;
}


}