html {
    height: 100%;
}

body {  
    background-color: white;
    margin: 0px;
    height: 100%;
}  

.container-fluid {
padding: 0 !important;
}

#contact_background {
background-color: rgb(222, 234, 246);
}

.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}


#quote_background {
background-color: rgb(16, 40, 54);
}


h1 {
    color:rgb(16, 40, 54);
    margin-top: 50px;
    margin-left: 0px;
    margin-bottom: 15px;
    font-family: 'Raleway', cursive;
    font-style: normal;
    font-size: 35px;
    font-size: 2vw;
    font-weight: 400;
    }  

h2 {
    color:rgb(0, 113, 140);
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 100px;
    font-family: 'Indie Flower', cursive;
    font-style: normal;
    font-size: 70px;
    font-size: 5vw;
    font-weight: 400;
    }  


p {
    color:rgb(0, 113, 140);
    font-family: 'Raleway';
    margin-top: 105px;
    font-style: italic;
    font-size: 18px;
    font-size: 1.5vw;
    font-weight: 200;
    }   

h3 {
    color:rgb(0, 113, 140);
    font-family: 'Raleway', cursive;
    margin-left: 0px;
    font-style: normal;
    font-size: 22px;
    font-size: 2vw;
    font-weight: 400;
    }   


.text-right {
    text-align: right !important;
}

.rotateimg3 {
  -webkit-transform:rotate(3deg);
  -moz-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  transform: rotate(3deg);
}

a,a:active,a:focus,a:hover,body{color:rgb(16, 40, 54)}

.scale_height {
  height: 100%;
  width: 100%;
}

.scale_height50 {
  height: 50%;
  width: 50%;
}