@charset "UTF-8";

/* CSS Document */

/*Import Bootstrap CSS Files*/
@import url(css/bootstrap.min.css);

/*fonts */

@import url('https://fonts.googleapis.com/css?family=Architects+Daughter|Source+Sans+Pro');



/* Main Layout */
header {background-color: #76BBDF; text-align: center; padding: 100px 0px}
footer { background-color: #005a98;padding-top: 20px }



/* Row Variations */
.row-boy {background-image: url(images/boy-with-milk.jpg); background-color: #005a98; min-height: 800px; background-repeat: no-repeat; background-position: bottom right; padding-top: 30px}
.row-lite {background-color: #87D5F2; border: 2px solid #000; padding-bottom: 25px}
	
/* Buttons */
.btn {-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0px;  margin-top:0px; background: #F1BC82; 
border: 2px solid #000000; width: 250px;  padding:15px 30px; font-size:18px; text-transform:none; margin-bottom:20px; font-family: 'Architects Daughter', cursive; color: #000}
.btn:hover {background:#87D5F2; color:#04198E; text-decoration: none;}




/* Links */
a {color:#000; }
a:hover {color:#8c4e8f; text-decoration:none}




	
/* Text Styles */
h1 { font-family:Arial, Helvetica, sans-serif; font-size: 100px }
	h1 .accent {font-family: 'Damion', cursive; font-size: 72px; display: inline-block; line-height: .5}
h2 {text-align: center; color: #76bbdf; font-size: 28px; font-family: 'Architects Daughter', cursive; margin-bottom: 50px; font-weight: light}
	.row-lite h2 {color:#04198E;margin-bottom: 25px}
h3 { }
h4 {}
p {margin-bottom:20px; font-family: 'Architects Daughter', cursive; font-size: 20px; color: #fff}
.row-lite p, ul {color: #04198e;font-family: 'Architects Daughter'; font-size: 20px; }
footer p {font-size: 15px; font-family: 'Architects Daughter', cursive;}
.accent {}

/* Navigation Adjustments*/

/* Misc */
.clear {clear:both}
.l {float:left}
.r {float:right}
.txt-r {text-align:right}
.txt-c {text-align:center}

.mb10 {margin-bottom:10px}
.mb25 {margin-bottom:25px}

.mr5 {margin-right:5px}
.mr10 {margin-right:10px}
.mr20 {margin-right:20px}
.mr40 {margin-right:40px}
.mr50 {margin-right:50px}

.ml5 {margin-left:5px}
.ml10 {margin-left:10px}
.ml20 {margin-left:20px}
.ml40 {margin-left:40px}
.ml50 {margin-left:50px}

.mt5 {margin-top:5px}
.mt10 {margin-top:10px}
.mt20 {margin-top:20px}
.mt25 {margin-top:25px}
.mt35 {margin-top:37px}
.mt50 {margin-top:50px}

.pr5 {padding-right:5px}
.pr10 {padding-right:10px}
.pr20 {padding-right:20px}

.pt5 {padding-top:5px}
.pt10 {padding-top:10px}
.pt15 {padding-top:15px}
.pt20 {padding-top:20px}

.pb5 {padding-bottom:5px}
.pb10 {padding-bottom:10px}
.pb15 {padding-bottom:15px}
.pb20 {padding-bottom:20px}

.pl5 {padding-left:5px}
.pl10 {padding-left:10px}
.pl20 {padding-left:20px}


 /*==========  Non-Mobile First Method  ==========*/
    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {
    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
		
		
    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
		header {padding: 25px 0px}
		p {margin-bottom:20px; font-family: 'Source Sans Pro';  font-size: 12px; color: #fff}
		.row-lite p, ul {color: #04198e;font-family: 'Source Sans Pro'; font-size: 12px; }
		h2 {font-size: 20px; margin-bottom: 15px}
		.row-boy {background-size: contain; min-height: 350px; padding-top: 0px }


    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
		.row-boy {background-size: 60%; min-height: 150px; padding-top: 0px }
    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        
    }