/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2015-10-11, 20:34:00
    Author     : solenzo
*/

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    /* Styles */
img.mobile{display:block;}
img.nomobile{display:none;}    

.mobile_on{display:block;}    
    
.fragment_0_container .image img{position:relative;float:left;width:100%;margin:0 auto;}
.fragment_0_container .buttons{background-color:#eae8e7}
.fragment_0_container .buttons .m_button{margin-bottom:0;}

.fragment_1_container .image img{position:relative;float:left;width:100%;margin:0 auto;}
.fragment_1_container{padding-bottom:80px}
.fragment_1_container .title{font-size:15px;}
.fragment_1_container .image .pointed_text{position:absolute;font-size:13px;top:65%;left:10%;right:10%;}

.fragment_2_container .title{position:relative;float:left;width:100%;padding-left:10%;padding-right:10%;text-align:center;font-size:20px;font-weight:400;} 


.fragment_3_container .image_left{width:100%;}
.fragment_3_container .image_right{width:100%;}
.fragment_3_container .title{font-size:25px;margin-bottom:15px;line-height:1.1}
.fragment_3_container .subtitle{padding-left:1%;padding-right:1%;font-size:14px;} 
.fragment_3_container .image_right .pointed_text .text_one{font-size:16px;margin-bottom:15px;text-align:right;font-weight:700;}
.fragment_3_container .image_right .pointed_text .text_two{font-size:12px;text-align:right;font-family:"jaf-domus"}
.fragment_3_container .m_button{height:40px;}
.fragment_3_container .buttons{margin-top:15px;}


.fragment_5_container .title{font-size:20px;width:80%}
.fragment_5_container .image{width:80%;text-align:center;}
.fragment_5_container .flower_middle_left{display:none;}
.fragment_5_container .flower_middle_right{display:none;}

.fragment_7_container{padding-bottom:120px;}
.fragment_7_container .title{font-size:25px;}
.fragment_7_container .subtitle{padding-left:1%;padding-right:1%;font-size:16px;} 
.fragment_7_container .text_one{font-size:16px;width:80%;float:none;margin:0 auto;text-align:center;}
.fragment_7_container .m_button{height:40px;margin-left:10px;margin-right:10px;}
.fragment_7_container .buttons a{margin-top:15px;margin:15px auto;float:none;width:100%;}

.fragment_8_container .images img{position:relative;float:left;width:33%;padding:30px;}
.fragment_8_container .text_one{position:relative;float:none;margin:0 auto;width:90%;;font-size:14px;text-align:center;margin-bottom:15px;color:#f7f7f6;font-weight:700;margin-top:20px;font-family:"jaf-domus"}
.fragment_8_container .text_two{position:relative;float:none;margin:0 auto;width:90%;font-size:14px;text-align:center;margin-bottom:15px;color:#f7f7f6;font-weight:700;margin-top:20px;margin-bottom:100px;font-family:"jaf-domus"}

.fragment_10_container{padding-top:0px;padding-bottom:100px;}
.fragment_10_container .text_one{position:relative;float:none;margin:0 auto;width:90%;text-align:center;font-size:25px;font-weight:400;margin-bottom:0px;padding-top:0px;color:white} 
.fragment_10_container .m_button{height:40px;margin-left:10px;margin-right:10px;}
.fragment_10_container .buttons a{margin-top:15px;margin:15px auto;float:none;width:100%;}


}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px)and (orientation: landscape)  {
    /* Styles */
.fragment_3_container .image_left{width:50%;}
.fragment_3_container .image_right{width:50%;}
.fragment_3_container .m_button{height:40px;}
.fragment_3_container .buttons{margin-top:15px;}
.fragment_3_container .image_right .pointed_text .text_one{font-size:12px;margin-bottom:15px;text-align:right;font-weight:700;}
.fragment_3_container .image_right .pointed_text .text_two{font-size:10px;text-align:right;font-family:"jaf-domus"}

}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) and (orientation: portrait) {
    /* Styles */
.fragment_3_container .image_left{width:100%;}
.fragment_3_container .image_right{width:100%;}

.fragment_4_container .image_left{width:100%}
.fragment_4_container .image_right{width:100%}
.fragment_4_container .m_button{margin-bottom:20px;}
.fragment_4_container .buttons a{margin:0;}


.fragment_5_container .image_left{width:100%}
.fragment_5_container .image_right{width:100%}
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    /* Styles */

}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    /* Styles */

}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    /* Styles */
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
    /* Styles */
    .fragment_3_container .image_right .pointed_text{position:absolute;font-size:17px;top:10%;left:10%;right:10%;color:white;}
    .fragment_3_container .image_right .pointed_text .text_one{font-size:30px;margin-bottom:30px;text-align:right;font-weight:400;}
    .fragment_3_container .image_right .pointed_text .text_two{font-size:18px;text-align:right;font-family:"jaf-domus"}
    .fragment_3_container .m_button{height:67px}
    .fragment_3_container .buttons{margin-top:30px;}

    .fragment_3_container .image_left{width:50%;}
    .fragment_3_container .image_right{width:50%;}
    .fragment_4_container .image_left{width:50%;}
    .fragment_4_container .image_right{width:50%;}    
    .fragment_5_container .image_left{width:40%;}
    .fragment_5_container .image_right{width:40%;}      
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
    /* Styles */
    .fragment_3_container .image_right .pointed_text{position:absolute;font-size:17px;top:10%;left:10%;right:10%;color:white;}
    .fragment_3_container .image_right .pointed_text .text_one{font-size:30px;margin-bottom:30px;text-align:right;font-weight:400;}
    .fragment_3_container .image_right .pointed_text .text_two{font-size:18px;text-align:right;font-family:"jaf-domus"}
    .fragment_3_container .m_button{height:67px}
    .fragment_3_container .buttons{margin-top:30px;}
    .fragment_3_container .image_left{width:50%;}
    .fragment_3_container .image_right{width:50%;} 
    
    .fragment_4_container .image_left{width:50%;}
    .fragment_4_container .image_right{width:50%;}    
    
    .fragment_5_container .image_left{width:40%;}
    .fragment_5_container .image_right{width:40%;}      
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
    /* Styles */

}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
}

/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
    /* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
    /* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
    /* Styles */
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
    /* Styles */
}