/*

***************
COLORS

	Background: rgba(243,241,232,1);
	Lavender:   rgba(140,140,255,1);

***************
FONTS | Fonts Loaded in /fonts directory 

	Brilon-Regular.ttf                   | font-family: bri;
	Champagne-Limousines-Bold-Italic.ttf | font-family: chliboit;
	Champagne-Limousines-Bold.ttf        | font-family: chlibo;
	Champagne-Limousines-Italic.ttf      | font-family: chliit;
	Champagne-Limousines.ttf             | font-family: chli;
	Objectivity-Black.otf                | font-family: obbl;
	Objectivity-BlackSlanted.otf         | font-family: obblsl;
	Objectivity-Bold.otf                 | font-family: obbo;
	Objectivity-BoldSlanted.otf          | font-family: obbosl;
	Objectivity-ExtraBold.otf            | font-family: obeb;
	Objectivity-ExtraBoldSlanted.otf     | font-family: obebsl;
	Objectivity-Light.otf                | font-family: obli;
	Objectivity-LightSlanted.otf         | font-family: oblisl;
	Objectivity-Medium.otf               | font-family: obme;
	Objectivity-MediumSlanted.otf        | font-family: obmesl;
	Objectivity-Regular.otf              | font-family: obre;
	Objectivity-RegularSlanted.otf       | font-family: obresl;
	Objectivity-Super.otf                | font-family: obsu;
	Objectivity-SuperSlanted.otf         | font-family: obsusl;
	Objectivity-Thin.otf                 | font-family: obth;
	Objectivity-ThinSlanted.otf          | font-family: obthsl;

*/

@font-face{
	font-family: "bri";
	src: url("../fonts/Brilion-Regular.ttf");
}

@font-face{
	font-family: "chli";
	src: url("../fonts/Champagne-Limmousines.ttf");
}

@font-face{
	font-family: "chliboit";
	src: url("../fonts/Champagne-Limmousines-Bold-Italic.ttf");
}

@font-face{
	font-family: "chlibo";
	src: url("../fonts/Champagne-Limmousines-Bold.ttf");
}

@font-face{
	font-family: "chliit";
	src: url("../fonts/Champagne-Limmousines-Italic.ttf");
}

@font-face{
	font-family: "obbl";
	src: url("../fonts/Objectivity-Black.otf");
}

@font-face{
	font-family: "obblsl";
	src: url("../fonts/Objectivity-BlackSlanted.otf");
}

@font-face{
	font-family: "obbo";
	src: url("../fonts/Objectivity-Bold.otf");
}

@font-face{
	font-family: "obbosl";
	src: url("../fonts/Objectivity-BoldSlanted.otf");
}

@font-face{
	font-family: "obeb";
	src: url("../fonts/Objectivity-ExtraBold.otf");
}

@font-face{
	font-family: "obebsl";
	src: url("../fonts/Objectivity-ExtraBoldSlanted.otf");
}

@font-face{
	font-family: "obli";
	src: url("../fonts/Objectivity-Light.otf");
}

@font-face{
	font-family: "oblisl";
	src: url("../fonts/Objectivity-LightSlanted.otf");
}

@font-face{
	font-family: "obme";
	src: url("../fonts/Objectivity-Medium.otf");
}

@font-face{
	font-family: "obmesl";
	src: url("../fonts/Objectivity-MediumSlanted.otf");
}

@font-face{
	font-family: "obre";
	src: url("../fonts/Objectivity-Regular.otf");
}

@font-face{
	font-family: "obresl";
	src: url("../fonts/Objectivity-RegularSlanted.otf");
}

@font-face{
	font-family: "obsu";
	src: url("../fonts/Objectivity-Super.otf");
}

@font-face{
	font-family: "obsusl";
	src: url("../fonts/Objectivity-SuperSlanted.otf");
}

@font-face{
	font-family: "obth";
	src: url("../fonts/Objectivity-Thin.otf");
}

@font-face{
	font-family: "obthsl";
	src: url("../fonts/Objectivity-ThinSlanted.otf");
}

body{
	background: linear-gradient(rgba(250,250,250,1), rgba(227,212,154,1));
	margin: 0px;
}

/* media screen (min-width:320px) landscape & portrait */
@media screen and (max-width: 320px){

    blockquote{
        margin: 0px .3rem;
    }

    .respo{
        width:100%;
        height:auto;
    }

} /*close breakpoint 320 portrait */

/* media screen (min-width:321px) and (max-width:360px) | portrait */
@media screen and (min-width:321px) and (max-width:360px) 
and (orientation: portrait){

    blockquote{
        margin: 0px .3rem;
    }

    .respo{
        width:100%;
        height:auto;
    }

} /* close range breakpoint 321px to 360px portrait */

/* media screen (min-width:361px) and (max-width:375px) | portrait */
@media screen and (min-width:361px) and (max-width:375px) 
and (orientation: portrait){

    blockquote{
        margin: 0px .3rem;
    }

    .respo{
        width:100%;
        height:auto;
    }

} /* close range breakpoint 361px to 375px portrait */

/* media screen (min-width:376px) and (max-width:384px) | portrait */
@media screen and (min-width:376px) and (max-width:384px) 
and (orientation: portrait){

    blockquote{
        margin: 0px .3rem;
    }

    .respo{
        width:100%;
        height:auto;
    }

} /* close breakpoint 384 */

/* media screen (min-width:385px) and (max-width:390px) | portrait */
@media screen and (min-width:385px) and (max-width:390px) 
and (orientation: portrait){

    blockquote{
        margin: 0px .3rem;
    }

    .respo{
        width:100%;
        height:auto;
    }

} /* close range breakpoint 385px to 390px portrait */

/* media screen (min-with: 386px) and (max-width: 414px) | portrait */ 
@media screen and (min-width: 386px) and (max-width: 414px)
and (orientation: portrait){

    blockquote{
        margin: 0px .3rem;
    }

    .respo{
        width:100%;
        height:auto;
    }

} /* close range breakpoint 376px to 414px portrait */
 
/* media screen (min-with: 415px) and (max-width: 430px) | portrait */ 
@media screen and (min-width: 415px) and (max-width: 430px)
and (orientation: portrait){

    blockquote{
        margin: 0px .3rem;
    }

    .respo{
        width:100%;
        height:auto;
    }

} /* close range breakpoint 415px to 430px portrait */ 
 
/* media screen (min-with: 431px) and (max-width: 540px) | portrait */ 
@media screen and (min-width: 431px) and (max-width: 540px) 
and (orientation: portrait){

    blockquote{
        margin: 0px .3rem;
    }

    .respo{
        width:100%;
        height:auto;
    }

} /* close range breakpoint 431px to 540px portrait */

/* media screen (max-width: 568px) | landscape */ 
@media screen and (max-width: 568px) and (orientation: landscape){ 

    blockquote{
        margin: 0px .3rem;
    }

    .respo{
        width:100%;
        height:auto;
    }

} /* */ 
 
/* media screen (min-with: 541px) and (max-width: 600px) | portrait */ 
@media screen and (min-width: 541px) and (max-width: 600px) 
and (orientation: portrait){

    blockquote{
        margin: 0px .3rem;
    }

    .respo{
        width:100%;
        height:auto;
    }

} /* close range breakpoint 541px to 600px portrait */
 
/* media screen (min-with: 601px) and (max-width: 640px) | portrait */ 
@media screen and (min-width: 601px) and (max-width: 640px) 
and (orientation: portrait){

    blockquote{
        margin: 0px .3rem;
    }

    .respo{
        width:100%;
        height:auto;
    }

} /* close range breakpoint 601px to 640px portrait */

/* media screen (max-width: 569px) and 640px | landscape */ 
@media screen and (min-width: 569px) and (max-width:640px) 
and (orientation: landscape){

    blockquote{
        margin: 0px .3rem;
    }

    .respo{
        width:100%;
        height:auto;
    }

} /* close range breakpoint 569px to 640px | Landscape */ 

/* media screen (max-width: 641px) and 667px | landscape */ 
@media screen and (min-width: 641px) and (max-width:667px) 
and (orientation: landscape){

    blockquote{
        margin: 0px .3rem;
    }

    .respo{
        width:100%;
        height:auto;
    }

} /* close range breakpoint 541px to 667px | Landscape */ 

/* media screen (min-with: 641px) and (max-width: 712px) | portrait */ 
@media screen and (min-width: 641px) and (max-width: 712px) 
and (orientation: portrait){

    blockquote{
        margin: 0px .3rem;
    }

    .respo{
        width:100%;
        height:auto;
    }

} /* close range breakpoint 641px to 712px portrait */

/* media screen (max-width: 668px) and 736px | landscape */ 
@media screen and (min-width: 668px) and (max-width:736px) 
and (orientation: landscape){

    blockquote{
        margin: 0px .3rem;
    }

    .respo{
        width:100%;
        height:auto;
    }

} /* close range breakpoint 668px to 736px | Landscape */ 

/* media screen (min-with: 713px) and (max-width: 768px) | portrait */ 
@media screen and (min-width: 713px) and (max-width: 768px) 
and (orientation: portrait){

    blockquote{
        margin: 0px .3rem;
    }

    .respo{
        width:100%;
        height:auto;
    }

} /* close range breakpoint 713px to 768px portrait */

/* media screen (min-with: 769px) and (max-width: 800px) | portrait */ 
@media screen and (min-width: 769px) and (max-width: 800px) 
and (orientation: portrait){

    blockquote{
        margin: 0px .3rem;
    }

    .respo{
        width:100%;
        height:auto;
    }

} /* close range breakpoint 769px to 800px portrait */

/* media screen (min-width: 737px) and (max-width: 800px) | landscape */ 
@media screen and (min-width: 737px) and (max-width:800px) 
and (orientation: landscape){

    blockquote{
        margin: 0px .3rem;
    }

    .respo{
        width:100%;
        height:auto;
    }

} /* close range breakpoint 737px to 800px | Landscape */ 

/* media screen (min-with: 801px) and (max-width: 820px) | portrait */ 
@media screen and (min-width: 801px) and (max-width: 820px) 
and (orientation: portrait){

    blockquote{
        margin: 0px .3rem;
    }

    .respo{
        width:100%;
        height:auto;
    }

} /* close range breakpoint 801px to 820px portrait */

/* media screen (min-width: 801px) and (max-width: 844px) | landscape */ 
@media screen and (min-width: 801px) and (max-width:844px) 
and (orientation: landscape){

    blockquote{
        margin: 0px .3rem;
    }

    .respo{
        width:100%;
        height:auto;
    }

} /* close range breakpoint 801px to 844px | Landscape */ 

/* media screen (min-width: 845px) and (max-width: 896px) | landscape */ 
@media screen and (min-width: 845px) and (max-width:896px) 
and (orientation: landscape){

    blockquote{
        margin: 0px .3rem;
    }

    .respo{
        width:100%;
        height:auto;
    }

} /* close range breakpoint 845px to 896px | Landscape */ 

/* media screen (min-with: 821px) and (max-width: 900px) | portrait */ 
@media screen and (min-width: 821px) and (max-width: 900px) 
and (orientation: portrait){

    blockquote{
        margin: 0px .3rem;
    }

    .respo{
        width:100%;
        height:auto;
    }

} /* close range breakpoint 821px to 900px portrait */

/* media screen (min-with: 801px) and (max-width: 820px) | portrait */ 
@media screen and (min-width: 901px) and (max-width:912px) 
and (orientation: portrait){

    blockquote{
        margin: 0px .3rem;
    }

    .respo{
        width:100%;
        height:auto;
    }

} /* close range breakpoint 901px to 900px | portrait */

/* media screen (min-with: 913px) and (max-width: 1024px) | portrait */ 
@media screen and (min-width: 913px) and (max-width:1024px) 
and (orientation: portrait){

    blockquote{
        margin: 0px .3rem;
    }

    .respo{
        width:100%;
        height:auto;
    }

} /* close range breakpoint 913px to 1024px | portrait */

/* media screen (min-with: 1025px) and (max-width: 1080px) | portrait */ 
@media screen and (min-width: 1025px) and (max-width:1080px) 
and (orientation: portrait){

    blockquote{
        margin: 0px .3rem;
    }

    .respo{
        width:100%;
        height:auto;
    }

} /* close range breakpoint 1025px to 1080px | portrait */

/* media screen (min-width: 897px) and (max-width: 932px) | landscape */ 
@media screen and (min-width: 897px) and (max-width:932px) 
and (orientation: landscape){

    blockquote{
        margin: 0px .3rem;
    }

    .respo{
        width:100%;
        height:auto;
    }

} /* close range breakpoint 897px to 932px | Landscape */ 

/* media screen (min-width: 933px) and (max-width: 960px) | landscape */ 
@media screen and (min-width: 933px) and (max-width:960px) 
and (orientation: landscape){

    blockquote{
        margin: 0px .3rem;
    }

    .respo{
        width:100%;
        height:auto;
    }

} /* close range breakpoint 933px to 960px | Landscape */ 

/* media screen (min-with: 961px) and (max-width: 1024px) | landscape */ 
@media screen and (min-width: 961px) and (max-width:1024px) 
and (orientation: landscape){

    blockquote{
        margin: 0px .3rem;
    }

    .respo{
        width:100%;
        height:auto;
    }

} /* close range breakpoint 961px to 1024px | Landscape */

/* media screen (min-with: 1025px) and (max-width: 1138px) | landscape */ 
@media screen and (min-width: 1025px) and (max-width:1138px) 
and (orientation: landscape){

    blockquote{
        margin: 0px .3rem;
    }

    .respo{
        width:100%;
        height:auto;
    }

} /* close range breakpoint 1025px to 1138px | Landscape */

/* media screen (min-with: 1039px) and (max-width: 1180px) | landscape */ 
@media screen and (min-width: 1139px) and (max-width:1180px) 
and (orientation: landscape){

    blockquote{
        margin: 0px .3rem;
    }

    .respo{
        width:100%;
        height:auto;
    }

} /* close range breakpoint 1139px to 1180px | Landscape */

/* media screen (min-with: 1181px) and (max-width: 1280px) | landscape */ 
@media screen and (min-width: 1181px) and (max-width:1280px) 
and (orientation: landscape){

    blockquote{
        margin: 0px .3rem;
    }

    .respo{
        width:100%;
        height:auto;
    }

} /* close range breakpoint 1181px to 1280px | Landscape */

/* media screen (min-with: 1281px) and (max-width: 1368px) | landscape */ 
@media screen and (min-width: 1281px) and (max-width:1368px) 
and (orientation: landscape){

    blockquote{
        margin: 0px .3rem;
    }

    .respo{
        width:100%;
        height:auto;
    }

} /* close range breakpoint 1281px to 1368px | Landscape */

/* media screen (min-with: 1369px) and (max-width: 1440px) | landscape */ 
@media screen and (min-width: 1369px) and (max-width:1440px) 
and (orientation: landscape){

    blockquote{
        margin: 0px .3rem;
    }

    .respo{
        width:100%;
        height:auto;
    }

} /* close range breakpoint 1369px to 1440px | Landscape */

/* media screen (min-with: 1441px) and (max-width: 1920px) | landscape */ 
@media screen and (min-width: 1441px) and (max-width:1920px) 
and (orientation: landscape){

    blockquote{
        margin: 0px .3rem;
    }

    .respo{
        width:100%;
        height:auto;
    }

} /* close range breakpoint 1441px to 1920px | Landscape */

/* media screen (min-with: 1081px) and (max-width: 2520px) | portrait */ 
@media screen and (min-width: 1081px) and (max-width: 2520px) 
and (orientation: portrait){

    blockquote{
        margin: 0px .3rem;
    }

    .respo{
        width:100%;
        height:auto;
    }

} /* close range breakpoint 801px to 820px portrait */

/* media screen (min-with: 1921px) and (max-width: 4480px) | landscape */ 
@media screen and (min-width: 1921px) and (max-width:4480px) 
and (orientation: landscape){

    blockquote{
        margin: 0px .3rem;
    }

    .respo{
        width:100%;
        height:auto;
    }

} /* close range breakpoint 1921px to 4480px | Landscape */

/* media screen (min-with: 1921px) and (max-width: 4480px) | landscape */ 
@media screen and (min-width: 4481px) and (orientation: landscape){

    blockquote{
        margin: 0px .3rem;
    }

    .respo{
        width:100%;
        height:auto;
    }

} /* close range breakpoint screens larger than 4481px | Landscape */