/* General For All
––––––––––––––––––––––––––––––––––––––––––––––––––
font-family: 'Montserrat', sans-serif;
font-family: 'Roboto Condensed', sans-serif;

font-family: coldsmith-pro, sans-serif;
font-weight: 400;
font-style: normal;

font-family: proxima-nova, sans-serif;
font-weight: 400;
font-style: normal;
*/
body{background-color: yellow;font-size: 100%;}
img {max-width: 100%;}


/* ---------------Tablet --------------------------------------*/
@media screen and (min-width: 501px) and (max-width: 800px) {
 body {background-color: blue;}
   
}
/* ---------------Mobile -------------------------------------- */
@media screen and (max-width: 500px){
 body {background-color: red;}
    
}

body {background-color: azure;font-size: 100%;
}
.container{
    width: 100%;
    height: 300px;
    background-color: #a9dff7;
    text-align: center;
    margin: auto;
}
.quoteoneouter{
    width:100%;
    height:300px;
    text-align: center;
    padding-top: 105px;
    box-sizing: border-box;
}
.quoteone{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 2.5em;
}
.nameone{
    font-family: 'Montserrat', sans-serif;
    font-size: 1.5em; 
    padding-top: 10px;
}
.quotetwoouter{
    width:100%;
    height:300px;
    background: rgb(9,1,145);
    background: linear-gradient(90deg, rgba(9,1,145,1) 0%, rgba(111,200,255,1) 50%, rgba(7,161,191,1) 100%);
    text-align: center;
    padding-top: 105px;
    box-sizing: border-box;
}
.quotetwo{
    font-family: coldsmith-pro, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 2.5em;
}
.nametwo{
    font-family: proxima-nova, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.5em; 
    padding-top: 10px;
}

.quotethreeouter{
    width:100%;
    height:300px;
    background-image: url(images/Pretty-Blue-Background-the-best-46+-images-in-2018-.jpg);
    background-size: cover;
    background-position: center;
    text-align: center;
    padding-top: 105px;
    box-sizing: border-box;
}
.quotethree{
    font-family: 'berkshire_swashregular';
    font-size: 2.5em;
}
.namethree{
    font-family: 'alefregular';
    font-size: 1.5em; 
    padding-top: 10px;
}