@charset "UTF-8";
/* CSS Document */

/*

font-family: 'Montserrat', sans-serif;
font-family: 'Open Sans', sans-serif;

pink:#e22452
blk: #010101
offwhite:#f7f7f7;
*/



/*reset margins and paddings to 0*/
*{
	margin:0px;
	padding:0px;	
}


body{
	width:1280px;
	background:tan;

		
}

/*contain contents of 960 centered on screen*/
.container{
	width:960px;
	height:970px;
	margin-left:auto;
	margin-right:auto;
		
}

header{
	margin-left:auto;
	margin-right:auto;
	width:960px;
	height:110px;
	background-color:white;
	text-align:center;
}

.logo{
	margin-top:0px;
	text-align:center;
}
nav{
	width:960px;
	height:60px;
	background-color:red;

}

nav ul{
	list-style-type:none;	
	text-align:center;	
}

nav li{
	margin-top:15px;
	display:inline-block;	
}

nav a{
	
	color:white;
	font-family:'Montserrat, san-serif';
	font-weight:700;
	text-transform:uppercase;
	padding-left:24px;
	padding-right:24px;
	text-decoration:none;
	font-size:24px;
	letter-spacing:1px;
	
	
}


nav a:active{
	
	color:red ;
	font-family:'Montserrat, san-serif';
	font-weight:700;
	text-transform:uppercase;
	padding-left:24px;
	padding-right:24px;
	text-decoration:none;
	font-size:24px;
	letter-spacing:1px;
	
	
}

nav a:hover{
	
	color:blue ;
	font-family:'Montserrat, san-serif';
	font-weight:700;
	text-transform:uppercase;
	padding-left:24px;
	padding-right:24px;
	text-decoration:underline;
	font-size:24px;
	letter-spacing:1px;
	
	
}
main{
	width:960px;
	height: 700px;
	/*background:#eeeeee;*/
}

.gallery{
	width:960px;
	height:1105px;
	background-color:white;	
}
footer{
	width:960px;
	height:72px;
	background-color:blue;
	
}

footer p{
	color:white;
	padding-top:30px;
	font-family: 'Montserrat,san-serif';
	font-weight:400;
	font-size:23px;
	text-align:center;

	letter-spacing:1px;
}

.row_01{
	width:960px;
	height:350px;	
}

.row_01_col_01{
		width:480px;
		height:350px;
		background:white;
		float:left;
}

.row_01_col_02{
		width:250px;
		height:400px;
		background:white;
		float:right;
}
.row_02{
	display:block;
	width:960px;
	height:350px;	
}

.row_02_col_01{
	width:655px;
	height:350px;
	float:left;
	background:white;	
}

.row_02_col_02{
	width:400px;
	height:400px;
	float:right;
	background:white;	
}

.about_footer{
	width:960px;
	height:72px;
	background-color:blue;	
}

.about_footer p{
	color:white;
	font-family: 'Montserrat, san-serif';
	font-weight:400;
	font-size:24px;
	text-align:center;
	padding-top:25px;	
	letter-spacing:1px;
}

.Products{
	display:block;
	height:697px;
	width:960px;
	background:white;	
}

.Products_row_01{
	height:300px;
	width:960px;	
}
.Products_row_02{
	height:297px;
	width:960px;	
}
.Products_row_02{
	height:527px;
	width:960px;	
}

.italian_pottery.jpg_center{
	float:right;
}

.italian_pottery_center h3{
	font-family:'Montserrat, san-serif';
	font-size:30px;
	color:white;
	width:400px;
	margin-top:60px;
	margin-left:150px;
	text-align:right;
}

.italian_pottery_center p{
	font-family:'Montserrat, san-serif';
	font-size:19px;
	color:white;
	width:400px;
	margin-left:150px;	
	margin-top:24px;
	line-height:24px;
	text-align:right;
}

.italian_vase.jpg_right{
	float:right;	
}

.italian_vase_right{
	float:right;	
}
.italian_vase_right{
	float:right;
		
}

.italian_vase_right h3{
	font-family:'Montserrat, san-serif';
	font-size:30px;
	color:white;
	width:350px;
	text-align:left;
	margin-top:70px;
	margin-left:30px;
}

.italian_vase_right p{
	font-family:'Montserrat, san-serif';
	font-size:19px;
	color:white;
	width:350px;
	line-height:24px;
	text-align:left;
	margin-left:30px;
	margin-top:20px;
}

.olive_oils.jpg_left{
	float:left;	
}

.olive_oils_left h3{
	font-family:'Montserrat, san-serif';
	font-size:30px;
	color:white;
	width:400px;
	margin-top:60px;
	margin-left:150px;
	text-align:right;
}

.olive_oils_left p{
	font-family:'Montserrat, san-serif';
	font-size:19px;
	color:white;
	width:400px;
	margin-left:150px;	
	margin-top:20px;
	line-height:20px;
	text-align:right;
}

.olive_oils_right{
	float:right;	
}


.about{
	width:960px;
	height:636px;	
}

.about_row_01{
	width:960px;
	height:318px;	
	background-color:white;

}

.about_row_01_col_01{
	width:330px;
	height:318px;
	float:left;	

}

.about_row_01_col_02{
	
	height:318px;
	float:right;

}

.about_row_01_col_02 h3{
	font-family:'Montserrat, san-serif';
	font-size:24px;
	color:black;
	margin-top:40px;
	margin-right:60px;
}

.about_row_01_col_02 p{
	font-family:'Montserrat, san-serif';
	font-size:19px;
	color:black;
	width:500px;
	margin-top:20px;
	margin-right:60px;
	line-height:19px;
}

.about_row_02{
		width:960px;
		height:318px;
		background-color:white;
		
	
}


.about_row_02_col_01{
	float:left;
	width:704px;
	height:318px;	
}

.about_row_02_col_01 p{
	font-family:'Montserrat, san-serif';
	width:500px;	
	margin-left:70px;
	margin-top:45px;
	
	font-size:19px;
	line-height:19px;
	color:black;
}
.about_row_02_col_02{
		width:256px;
		height:318px;
		float:right;
}

.contact_wrapper{
	text-align:center;
}

@media screen and (max-width: 479px) {
    figure#mobile {
        width: 375px;
        height: 627px;
        margin: 2vh auto 0 auto;
    }
    h1 {
        color: white;
        padding-top: 80%;
    }
    h2, h3, {
        display: none;
    }
}

@media screen and (min-width: 768px) and (max-width: 1365px) {
    figure#tablet {
        width: 768px;
        height: 1024px;
        margin: 2vh auto 0 auto;
    }
    h2 {
        padding-top: 60%;
    }
    h1, h3, {
        display: none;
    }
}

    }
    
@media screen and (min-width: 1920px) {
        figure#desktop {
            width: 1920px;
            height: 1080px;
            margin: 2vh auto 0 auto;
        }
        h3 {
            padding-top: 25%;
        }
        h1, h2, {
            display: none;
        }
}